Commentary: The AI chatbot's voice feature has both professional and personal use cases.

Pentagram's latest project introduces a striking new identity for TwelveLabs, an AI company redefining how machines comprehend video. At its heart, the rebrand marks a conceptual shift, positioning video not as a linear sequence of frames but as a volume. For TwelveLabs, this reframing is more than a technological advancement, as it's setting them apart in the fast-moving AI landscape. For Jody Hudson-Powell and the Pentagram team, it became the foundation for the entire creative direction. "The 'video as volume' idea became our way of visualising their technology," Jody explains. "Traditionally, AI sees video as separate frames – individual moments, isolated. But TwelveLabs understands everything at once, an interconnected whole. This shift in perspective became the core idea guiding all our design choices." Turning such an abstract and dynamic concept into a tangible brand identity was no small feat. In a sector often awash with dense data visualisations and corporate clichés, Pentagram's work for TwelveLabs stands out for its clarity and restraint. Described by the team as "smart, elegant, alive", the identity not only enhances the product's appearance but also helps explain it. "Abstract concepts can easily get complicated, but by staying closely focused on 'video as volume,' every decision felt purposeful and naturally clear," says Jody. A key part of this clarity is the system's use of diagrams and modular layouts. These elements do the heavy lifting when it comes to representing TwelveLabs' complex technology in a way that's accessible to a wide range of audiences, from engineers and developers to enterprise clients and creatives. "Complexity becomes understandable when you strip things back to what's truly important," Jody says. "We spent time refining the diagrams to say just enough – clear for everyone but authentic to those who really know the tech. When engineers see their work clearly represented, and others intuitively understand it, you've found some interesting ground." What's striking is how the identity balances the technical with the emotive. It's a visual language that feels structured but not cold, intelligent but not aloof. According to Jody, this tension was carefully calibrated. "Technology can feel distant, cold, but it's built around human experiences: images, memories, moments," he explains. "Our system provided clarity and structure, creating natural space for these human elements to emerge, balancing intelligence and warmth." Motion, too, plays a critical role in bringing the brand to life. Given that TwelveLabs' platform revolves around continuous, connected reasoning, it made sense for motion to echo that logic, being subtle but purposeful. "Motion always means something, even subtly," says Jody. "Every bit of movement mirrored the continuous reasoning of the platform. Allowing room for gentle expressiveness and even playfulness didn't take away from clarity – it enhanced it." One of the most distinctive elements of the new identity is the horse symbol. On the surface, it's a nod to Eadweard Muybridge's pioneering photographic studies of motion and an iconic reference for any visual technology. But there's a deeper connection, as TwelveLabs already named its AI models after horses. The Pentagram team simply brought that story to the forefront. "Often, the best ideas are already there, just waiting to be noticed," says Jody. "We simply amplified that story, connecting it back to Muybridge's historical images, allowing it to clearly communicate motion and intelligence in a fresh yet familiar way." Throughout the project, the team had to consider the diversity of TwelveLabs' audience, from developers and researchers to large-scale enterprise clients and the broader creative community. The result is an identity system that feels accessible without being simplistic and capable of meeting users at every level of expertise. "We aimed for a universal tone – clear, direct, and welcoming for everyone, regardless of their expertise," Jody says. "Precision doesn't have to be complicated, and clarity invites everyone in. Finding a voice that felt calm, clear, and honest meant meeting each person exactly where they are." The outcome is an identity that doesn't just repackage complex AI technology. It embodies the very qualities that make TwelveLabs' approach revolutionary: interconnected, intelligent, and distinctly human.

There’s a problem with today’s AI development tools. Vibe coding platforms are impressive and fun, but net-new code is useless when you already have a production codebase. Meanwhile, AI IDEs are powerful and interface with existing code, but they’re complex and developer-only.Builder fills this gap. It's not another AI coding toy—it's an enterprise-grade development platform and visual canvas that plugs into your existing React and Material UI projects. It understands your code, respects your design decisions, and your whole team can use it, not just devs.Builder: The AI-powered visual canvasBuilder is Git-backed, AI-powered, visually responsive, and capable of Figma-like design edits.Connect existing React and Material UI reposConnect any GitHub repo, including monorepo and multi-repo setups. Builder works from fresh branches (never Main), offers preview URLs, and creates AI-generated PRs.Once your project loads, try writing a prompt like, "make the hero image full-width,” or "add a Users dashboard at the /users route.”Use Material UI and your custom componentsBuilder adheres to your specific design systems and component libraries. Need all your code pinned to MUI v5.1? Should every new button use your team's custom <Button/>? Builder intelligently finds and matches your design system patterns.Wire up all your APIsConnecting APIs is easy with Builder. Its no-code nature empowers the non-developers on your team to build sophisticated solutions, too. Try a prompt like, “Fetch customer data from Supabase and render it as MUI grid."Edit React components visually with pixel-perfect precisionYou can't create truly pixel-perfect UIs with AI prompts alone. Need to subtly adjust a Card's elevation or push a Container five pixels to the left on mobile? Use Builder's visual controls, and it will update the code with the correct MUI props. It’s like an AI-first Figma replacement.Leverage our rich Figma to React integrationBuilder speaks fluent Figma. It can turn individual frames into components, merge multiple frames into complex layouts, or reference designs against existing elements. Builder also maps Figma components to their equivalent Material UI components, saving your devs hours of toil.Drag and drop anything for extra contextDrop in files for extra context—documents, PDFs, and screenshots all work. You can also use the @ keyword to reference other files in your codebase. The AI will analyze your reference materials and suggest appropriate patterns.Push code changes to Github using our agentic PR workflowBuilder both generates code and ships it back to your codebase. It makes intelligent PRs straight to GitHub. Even better, you can then tag @builderio-bot in your comments, and then the agent will handle feedback, make updates, and even fix build issues.Built for whole team collaborationBuilder works for everyone and solves problems across your entire organization:Designers can ensure design consistency, validate responsiveness, and eliminate the endless "that's not quite right" feedback cycles. Developers can connect existing repos to a powerful AI agent and visual assistant, turbocharging their cycles and creating high-quality UIs without design support. Product managers can create quick iterations, A/B test different layouts, and keep momentum on product improvements. Design system teams can enforce consistency across large teams, onboard new developers, and ensure design system adoption succeeds at scale.Getting Started with Builder and React + MUI appsThere are two ways to start developing React and Material UI apps with Builder. First, navigate to the sidebar menu inside your Builder account. Then choose the Projects menu (the icon looks like GitHub’s Octocat). Then you can either:Connect your existing repositoryConnect your GitHub repo to Builder and start editing visually right away. Give it a prompt, like "Create a new admin dashboard. Use our styling patterns and existing components..." Now, try tweaking the output in the visual canvas or pushing an AI-generated PR back to GitHub.Start fresh with an ideaDon't have a project yet? No worries. Write a prompt like "Create a contact form with validation using react-hook-form and MUI best practices." Builder will generate everything from scratch using your specified framework, component library, and unique design languageTry Builder with your next project.

Key Takeaways New EU rules take effect June 20, 2025, requiring mobile phones and tablets to be easier and cheaper to repair, including mandatory access to spare parts for up to seven years. Devices must meet durability standards, such as resistance to drops, water, and dust, and batteries must retain 80% capacity after 800 cycles. Manufacturers must offer 5 years of software updates and grant repair professionals access to firmware and repair tools to ensure long-term device usability. Energy consumption is expected to drop, with households projected to save €98 over five years due to longer-lasting, more repairable devices. In a win for the right to repair, the European Union (EU) has released its new energy labeling and ecodesign requirements for mobile phones, tablets, and even cordless phones.  Once implemented, this would help extend the product lifetime of these devices by making them cheaper and easier to repair. Up Ahead: Long-Lasting and Easy-to-Repair Devices The new ecodesign and energy labeling regulations will apply to devices sold in the EU effective June 20, 2025. One key area is the availability of spare parts. Once the regulations take effect, critical spare parts for a device must remain available for seven years from the last day the producer stops selling it. These parts must also be available to repairers within 5–10 working days. Mobile phones, cordless phones, and tablets under the ecodesign regulations must also be resistant to scratches and accidental drops, and be protected from dust and water.  The EU also specified that batteries must withstand at least 800 charge and discharge cycles while holding 80% of their initial capacity. These measures could help ensure devices last longer, thus reducing the need to replace them and lowering their cost of ownership. The requirements go beyond just the hardware. On the software side, manufacturers must also provide at least 5 years of operating system upgrades and give professional repairers access to software or firmware.  These would allow devices to continue to run smoothly and protect them from security vulnerabilities. On top of the ecodesign requirements, the EU also specified energy labeling requirements on the applicable devices. The labels would provide information about the device’s repairability score, energy efficiency, battery longevity, dust and water protection, and resistance to accidental drops. Having clear and easy-to-understand labels can help consumers in the EU make better choices when buying phones and tablets. They’ll know at a glance whether a device can withstand drops or if the batteries will remain reliable for as long as possible. The Projected Impact of the Ecodesign and Energy Labeling Requirements With the new requirements, the EU expects a significant reduction in the energy consumption of the applicable devices. Regarding charging time, this should go down from 2.5 to 1.75 hours per day.  Also, the annual electrical consumption of high-end smartphones is projected to decrease by 25%, while it’s 23% for tablets by 2030. Making devices easier to repair is also seen to reduce the acquisition costs of devices by € 98 per household in five years. A Win for the Right to Repair, But Obstacles Lie Ahead While the EU has already made significant progress in the area of the right to repair, many countries remain well behind. In the US, for instance, only a handful of states like California and Colorado have already enacted right-to-repair laws, while most of the country has yet to catch up. Without laws like these, most manufacturers won’t have the incentive to make their devices easier to repair.  A quick look at iFixit’s smartphone repairability scores shows that only Fairphone, which scored a perfect 10, HMD (9), and Nokia (8) had high scores among current phones. At the same time, Apple’s iPhone 16 line received a respectable 7. The Fairphone 5, launched in 2023, is especially notable for its repairability. According to iFixit, it’s easy to disassemble with common tools, the battery can be replaced quickly, and manuals and replacement parts are available to DIYers. As for the others, Ifixit gave Google’s Pixel 9 series a 5 for making it difficult to remove the battery and the USB-C port and requiring a replacement adhesive to secure the screen or back glass instead of using clips or fasteners. Meanwhile, the Samsung Galaxy S23 Ultra received a 4 because the battery is attached with a strong adhesive, and repairing the screen needs a lot of disassembly. All in all, we remain hopeful that with the EU’s lead, manufacturers can finally be encouraged to make repairing their devices easier than ever before. As technology continues to evolve—from the return of 'dumbphones' to faster and sleeker computers—seasoned tech journalist, Cedric Solidon, continues to dedicate himself to writing stories that inform, empower, and connect with readers across all levels of digital literacy. With 20 years of professional writing experience, this University of the Philippines Journalism graduate has carved out a niche as a trusted voice in tech media. Whether he's breaking down the latest advancements in cybersecurity or explaining how silicon-carbon batteries can extend your phone’s battery life, his writing remains rooted in clarity, curiosity, and utility. Long before he was writing for Techreport, HP, Citrix, SAP, Globe Telecom, CyberGhost VPN, and ExpressVPN, Cedric's love for technology began at home courtesy of a Nintendo Family Computer and a stack of tech magazines. Growing up, his days were often filled with sessions of Contra, Bomberman, Red Alert 2, and the criminally underrated Crusader: No Regret. But gaming wasn't his only gateway to tech.  He devoured every T3, PCMag, and PC Gamer issue he could get his hands on, often reading them cover to cover. It wasn’t long before he explored the early web in IRC chatrooms, online forums, and fledgling tech blogs, soaking in every byte of knowledge from the late '90s and early 2000s internet boom. That fascination with tech didn’t just stick. It evolved into a full-blown calling. After graduating with a degree in Journalism, he began his writing career at the dawn of Web 2.0. What started with small editorial roles and freelance gigs soon grew into a full-fledged career. He has since collaborated with global tech leaders, lending his voice to content that bridges technical expertise with everyday usability. He’s also written annual reports for Globe Telecom and consumer-friendly guides for VPN companies like CyberGhost and ExpressVPN, empowering readers to understand the importance of digital privacy. His versatility spans not just tech journalism but also technical writing. He once worked with a local tech company developing web and mobile apps for logistics firms, crafting documentation and communication materials that brought together user-friendliness with deep technical understanding. That experience sharpened his ability to break down dense, often jargon-heavy material into content that speaks clearly to both developers and decision-makers. At the heart of his work lies a simple belief: technology should feel empowering, not intimidating. Even if the likes of smartphones and AI are now commonplace, he understands that there's still a knowledge gap, especially when it comes to hardware or the real-world benefits of new tools. His writing hopes to help close that gap. Cedric’s writing style reflects that mission. It’s friendly without being fluffy and informative without being overwhelming. Whether writing for seasoned IT professionals or casual readers curious about the latest gadgets, he focuses on how a piece of technology can improve our lives, boost our productivity, or make our work more efficient. That human-first approach makes his content feel more like a conversation than a technical manual. As his writing career progresses, his passion for tech journalism remains as strong as ever. With the growing need for accessible, responsible tech communication, he sees his role not just as a journalist but as a guide who helps readers navigate a digital world that’s often as confusing as it is exciting. From reviewing the latest devices to unpacking global tech trends, Cedric isn’t just reporting on the future; he’s helping to write it. View all articles by Cedric Solidon Our editorial process The Tech Report editorial policy is centered on providing helpful, accurate content that offers real value to our readers. We only work with experienced writers who have specific knowledge in the topics they cover, including latest developments in technology, online privacy, cryptocurrencies, software, and more. Our editorial policy ensures that each topic is researched and curated by our in-house editors. We maintain rigorous journalistic standards, and every article is 100% written by real authors.

From lifelike avatars to automated fan interactions, AI is remaking digital modeling. But can tech ... More scale intimacy — or will it erode the human spark behind the screen?getty The AI boom has been defined by unprecedented innovation across nearly every sector. From improving flight punctuality through AI-powered scheduling to detecting early markers of Alzheimer’s disease, AI is modifying how we live and work. And the advertising world isn’t left out. In March of this year, OpenAI’s GPT-4o sent the internet into a frenzy with its ability to generate Studio Ghibli-style images. The model produces realistic, emotionally nuanced visuals from a series of prompts — a feat that has led some to predict the demise of visual arts as we know them. While such conclusions may be premature, there’s growing belief among industry players that AI could transform how digital model agencies operate. That belief isn’t limited to one startup. A new class of AI-powered agencies — including FanPro, Lalaland.ai, Deep Agency andThe Diigitals — is testing whether modeling can be automated without losing its creative edge. Some use AI to generate lifelike avatars. Others offer virtual photo studios, CRM — customer relationship management — integrations, or creator monetization tools. Together, they reflect a big shift in how digital modeling agencies think about labor, revenue and scale. FanPro — founded by Tyron Humphris in 2023 to help digital model agencies scale efficiently — offers a striking case study. Fully self-funded, Humphris said in an interview that the company reached $1 million in revenue within its first 90 days and crossed eight figures by 2024, all while maintaining a lean team by automating nearly every process. As Humphris noted, “the companies that will lead this next decade won’t just be the ones with the best marketing or biggest budgets. They’ll be the ones who use AI, automation and systems thinking to scale with precision, all while staying lean and agile.” That explains the big bet that startups like FanPro are making — but how far can it really go? And why should digital model agencies care in the first place? Automation In Digital Model Agencies To understand how automation works in the digital modeling industry — a fast-rising corner of the creator economy — it helps to understand what it’s replacing. A typical digital model agency juggles five or more monetization platforms per creator — from OnlyFans and Fansly to TikTok and Instagram. But behind every viral post is a grind of scheduling, analytics, upselling, customer support and retention. The average agency may need 10 to 15 contractors to manage a roster of just a few high-performing creators. These agencies oversee a complex cycle: content creation, onboarding, audience engagement and sales funnel optimization, usually across several monetization platforms. According to Humphris, there’s often a misconception that running a digital model agency is just about posting pretty pictures. But in reality, he noted, it’s more. “It’s CRM, data science and psychology all wrapped in one. If AI can streamline even half of that, it’s a game-changer.” That claim reflects a growing pain point in the creator economy, where agencies swim in an ocean of tools in an attempt to monetize attention for creators while simultaneously managing marketing, sales and customer support. For context, a 2024 Clevertouch Consulting study revealed that 54% of marketers use more than 50 tools to manage operations — many stitched together with Zapier or manual workarounds. Tyron Humphris, founder of FanProFanPro But, according to Humphris, “no matter how strong your offer is, if you don’t have systems, processes and accountability built into the business, it’s going to collapse under pressure.” And that’s where AI steps in. Beyond handling routine tasks, large language models and automation stacks now allow agencies to scale operations while staying lean. With minimal human input, agencies can schedule posts, auto-respond to DMs, upsell subscriptions, track social analytics and manage retention flows. What once required a full team of marketers, virtual assistants and sales reps can now be executed by a few well-trained AI agents. FanPro claims that over 90% of its operations — from dynamic pricing to fan interactions — are now handled by automation. Likewise, Deep Agency allows creators to generate professional-grade photo shoots without booking a studio or hiring staff and Lalaland.ai helps fashion brands generate AI avatars to reduce production costs and increase diversity in representation. A Necessary Human Touch Still, not everyone is convinced that AI can capture the nuance of digital intimacy. Some experts have raised concerns that hyper automation in creator-driven industries could flatten human expression into predictable engagement patterns, risking long-term user loyalty. A 2024 ContentGrip study of 1,000 consumers found 80% of respondents would likely switch brands that rely heavily on AI-generated emails, citing a loss of authenticity. Nearly half said such messages made them feel “less connected” to the brand. Humphris doesn’t disagree. “AI can do a lot, but it needs to be paired with someone who understands psychology,” he said. “We didn’t scale because we had the best tech. We scaled because we understood human behavior and built systems that respected it.” Humphris’ sentiment isn’t a mere anecdote but one rooted in research. For example, a recent study by Northeastern University showed that AI influencers often reduce brand trust — especially when users aren’t aware the content is AI-generated. The implication is clear: over-automating the wrong parts of human interaction can backfire. Automation doesn’t — and shouldn’t — mean that human input becomes obsolete. Rather, as many industry experts have noted, it will enhance efficiency but not replace empathy. While AI can process data at speed and generate alluring visuals, it cannot replicate human creativity or emotional intelligence. Neither does AI know the psychology of human behavior like humans do, a trait Humphris credits for their almost-instant success. What’s Working — And What’s Not Lalaland.ai and The Diigitals have earned praise for enhancing inclusivity, enabling brands to feature underrepresented body types, skin tones and styles. Meanwhile, FanPro focuses on building AI “growth engines” for agencies — full-stack systems that combine monetization tools, CRM and content flows. But not all reactions have been positive. In November 2024, fashion brand Mango faced backlash for its use of AI-generated models, which critics called “false advertising” and “a threat to real jobs.” The New York Post covered the fallout in detail, highlighting how ethical lines are still being drawn. As brands look to balance cost savings with authenticity, some have begun labeling AI-generated content more clearly — or embedding human oversight into workflows, rather than removing it. Despite offering an automation stack, FanPro itself wasn’t an immediate adopter of automation in its processes. But, as Humphris noted, embracing AI made all the difference for the company. “If we had adopted AI and automation earlier, we would’ve hit 8 figures much faster and with far less stress,” he noted. Automation In The New Era FanPro is a great example of how AI integration, when done the right way, could be a profitable venture for digital model agencies. Whether or not the company’s model becomes the blueprint for AI-first digital agencies, it’s clear that there’s a big shift in the creator economy, where automation isn’t only viewed as a time-saver, but also as a foundational pillar for businesses. As digital model agencies lean further into an AI-centric future, the bigger task is remembering what not to automate — the spark of human connection that built the industry in the first place. “In this new era of automation,” Humphris said, “the smartest agencies won’t just ask what AI can do. They’ll ask what it shouldn’t.”

After detailing the VFX work on The Last of Us Season 1 in 2023, Alex Wang returns to reflect on how the scope and complexity have evolved in Season 2. With close to 30 years of experience in the visual effects industry, Fiona Campbell Westgate has contributed to major productions such as Ghost in the Shell, Avatar: The Way of Water, Ant-Man and the Wasp: Quantumania, and Nyad. Her work on Nyad earned her a VES Award for Outstanding Supporting Visual Effects in a Photoreal Feature. Collaboration with Craig Mazin and Neil Druckmann is key to shaping the visual universe of The Last of Us. Can you share with us how you work with them and how they influence the visual direction of the series? Alex Wang // Craig visualizes the shot or scene before putting words on the page. His writing is always exceptionally detailed and descriptive, ultimately helping us to imagine the shot. Of course, no one understands The Last of Us better than Neil, who knows all aspects of the lore very well. He’s done much research and design work with the Naughty Dog team, so he gives us good guidance regarding creature and environment designs. I always try to begin with concept art to get the ball rolling with Craig and Neil’s ideas. This season, we collaborated with Chromatic Studios for concept art. They also contributed to the games, so I felt that continuity was beneficial for our show. Fiona Campbell Westgate // From the outset, it was clear that collaborating with Craig would be an exceptional experience. Early meetings revealed just how personable and invested Craig is. He works closely with every department to ensure that each episode is done to the highest level. Craig places unwavering trust in our VFX Supervisor, Alex Wang. They have an understanding between them that lends to an exceptional partnership. As the VFX Producer, I know how vital the dynamic between the Showrunner and VFX Supervisor is; working with these two has made for one of the best professional experiences of my career.  Photograph by Liane Hentscher/HBO How has your collaboration with Craig evolved between the first and second seasons? Were there any adjustments in the visual approach or narrative techniques you made this season? Alex Wang // Since everything was new in Season 1, we dedicated a lot of time and effort to exploring the show’s visual language, and we all learned a great deal about what worked and what didn’t for the show. In my initial conversations with Craig about Season 2, it was clear that he wanted to expand the show’s scope by utilizing what we established and learned in Season 1. He felt significantly more at ease fully committing to using VFX to help tell the story this season. The first season involved multiple VFX studios to handle the complexity of the effects. How did you divide the work among different studios for the second season? Alex Wang // Most of the vendors this season were also in Season 1, so we already had a shorthand. The VFX Producer, Fiona Campbell Westgate, and I work closely together to decide how to divide the work among our vendors. The type of work needs to be well-suited for the vendor and fit into our budget and schedule. We were extremely fortunate to have the vendors we did this season. I want to take this opportunity to thank Weta FX, DNEG, RISE, Distillery VFX, Storm Studios, Important Looking Pirates, Blackbird, Wylie Co., RVX, and VDK. We also had ILM for concept art and Digital Domain for previs. Fiona Campbell Westgate // Alex Wang and I were very aware of the tight delivery schedule, which added to the challenge of distributing the workload. We planned the work based on the individual studio’s capabilities, and tried not to burden them with back to back episodes wherever possible. Fortunately, there was shorthand with vendors from Season One, who were well-acquainted with the process and the quality of work the show required. The town of Jackson is a key location in The Last of Us. Could you explain how you approached creating and expanding this environment for the second season? Alex Wang // Since Season 1, this show has created incredible sets. However, the Jackson town set build is by far the most impressive in terms of scope. They constructed an 822 ft x 400 ft set in Minaty Bay that resembled a real town! I had early discussions with Production Designer Don MacAulay and his team about where they should concentrate their efforts and where VFX would make the most sense to take over. They focused on developing the town’s main street, where we believed most scenes would occur. There is a big reveal of Jackson in the first episode after Ellie comes out of the barn. Distillery VFX was responsible for the town’s extension, which appears seamless because the team took great pride in researching and ensuring the architecture aligned with the set while staying true to the tone of Jackson, Wyoming. Fiona Campbell Westgate // An impressive set was constructed in Minaty Bay, which served as the foundation for VFX to build upon. There is a beautiful establishing shot of Jackson in Episode 1 that was completed by Distillery, showing a safe and almost normal setting as Season Two starts. Across the episodes, Jackson set extensions were completed by our partners at RISE and Weta. Each had a different phase of Jackson to create, from almost idyllic to a town immersed in Battle.  What challenges did you face filming Jackson on both real and virtual sets? Was there a particular fusion between visual effects and live-action shots to make it feel realistic? Alex Wang // I always advocate for building exterior sets outdoors to take advantage of natural light. However, the drawback is that we cannot control the weather and lighting when filming over several days across two units. In Episode 2, there’s supposed to be a winter storm in Jackson, so maintaining consistency within the episode was essential. On sunny and rainy days, we used cranes to lift large 30x60ft screens to block the sun or rain. It was impossible to shield the entire set from the rain or sun, so we prioritized protecting the actors from sunlight or rain. Thus, you can imagine there was extensive weather cleanup for the episode to ensure consistency within the sequences. Fiona Campbell Westgate // We were fortunate that production built a large scale Jackson set. It provided a base for the full CG Jackson aerial shots and CG Set Extensions. The weather conditions at Minaty Bay presented a challenge during the filming of the end of the Battle sequence in Episode 2. While there were periods of bright sunshine, rainfall occurred during the filming of the end of the Battle sequence in Episode 2. In addition to the obvious visual effects work, it became necessary to replace the ground cover. Photograph by Liane Hentscher/HBO The attack on Jackson by the horde of infected in season 2 is a very intense moment. How did you approach the visual effects for this sequence? What techniques did you use to make the scale of the attack feel as impressive as it did? Alex Wang // We knew this would be a very complex sequence to shoot, and for it to be successful, we needed to start planning with the HODs from the very beginning. We began previs during prep with Weta FX and the episode’s director, Mark Mylod. The previs helped us understand Mark and the showrunner’s vision. This then served as a blueprint for all departments to follow, and in many instances, we filmed the previs. Fiona Campbell Westgate // The sheer size of the CG Infected Horde sets the tone for the scale of the Battle. It’s an intimidating moment when they are revealed through the blowing snow. The addition of CG explosions and atmospheric effects contributed in adding scale to the sequence.  Can you give us an insight into the technical challenges of capturing the infected horde? How much of the effect was done using CGI, and how much was achieved with practical effects? Alex Wang // Starting with a detailed previs that Mark and Craig approved was essential for planning the horde. We understood that we would never have enough stunt performers to fill a horde, nor could they carry out some stunts that would be too dangerous. I reviewed the previs with Stunt Coordinator Marny Eng numerous times to decide the best placements for her team’s stunt performers. We also collaborated with Barrie Gower from the Prosthetics team to determine the most effective allocation of his team’s efforts. Stunt performers positioned closest to the camera would receive the full prosthetic treatment, which can take hours. Weta FX was responsible for the incredible CG Infected horde work in the Jackson Battle. They have been a creative partner with HBO’s The Last of Us since Season 1, so they were brought on early for Season 2. I began discussions with Weta’s VFX supervisor, Nick Epstein, about how we could tackle these complex horde shots very early during the shoot. Typically, repetition in CG crowd scenes can be acceptable, such as armies with soldiers dressed in the same uniform or armour. However, for our Infected horde, Craig wanted to convey that the Infected didn’t come off an assembly line or all shop at the same clothing department store. Any repetition would feel artificial. These Infected were once civilians with families, or they were groups of raiders. We needed complex variations in height, body size, age, clothing, and hair. We built our base library of Infected, and then Nick and the Weta FX team developed a “mix and match” system, allowing the Infected to wear any costume and hair groom. A procedural texturing system was also developed for costumes, providing even greater variation. The most crucial aspect of the Infected horde was their motion. We had numerous shots cutting back-to-back with practical Infected, as well as shots where our CG Infected ran right alongside a stunt horde. It was incredibly unforgiving! Weta FX’s animation supervisor from Season 1, Dennis Yoo, returned for Season 2 to meet the challenge. Having been part of the first season, Dennis understood the expectations of Craig and Neil. Similar to issues of model repetition within a horde, it was relatively easy to perceive repetition, especially if they were running toward the same target. It was essential to enhance the details of their performances with nuances such as tripping and falling, getting back up, and trampling over each other. There also needed to be a difference in the Infected’s running speed. To ensure we had enough complexity within the horde, Dennis motion-captured almost 600 unique motion cycles. We had over a hundred shots in episode 2 that required CG Infected horde. Fiona Campbell Westgate // Nick Epstein, Weta VFX Supervisor, and Dennis Yoo, Weta Animation Supervisor, were faced with having to add hero, close-up Horde that had to integrate with practical Stunt performers. They achieved this through over 60 motion capture sessions and running it through a deformation system they developed. Every detail was applied to allow for a seamless blend with our practical Stunt performances. The Weta team created a custom costume and hair system that provided individual looks to the CG Infected Horde. We were able to avoid the repetitive look of a CG crowd due to these efforts. The movement of the infected horde is crucial for the intensity of the scene. How did you manage the animation and simulation of the infected to ensure smooth and realistic interaction with the environment? Fiona Campbell Westgate // We worked closely with the Stunt department to plan out positioning and where VFX would be adding the CG Horde. Craig Mazin wanted the Infected Horde to move in a way that humans cannot. The deformation system kept the body shape anatomically correct and allowed us to push the limits from how a human physically moves.  The Bloater makes a terrifying return this season. What were the key challenges in designing and animating this creature? How did you work on the Bloater’s interaction with the environment and other characters? Alex Wang // In Season 1, the Kansas City cul-de-sac sequence featured only a handful of Bloater shots. This season, however, nearly forty shots showcase the Bloater in broad daylight during the Battle of Jackson. We needed to redesign the Bloater asset to ensure it looked good in close-up shots from head to toe. Weta FX designed the Bloater for Season 1 and revamped the design for this season. Starting with the Bloater’s silhouette, it had to appear large, intimidating, and menacing. We explored enlarging the cordyceps head shape to make it feel almost like a crown, enhancing the Bloater’s impressive and strong presence. During filming, a stunt double stood in for the Bloater. This was mainly for scale reference and composition. It also helped the Infected stunt performers understand the Bloater’s spatial position, allowing them to avoid running through his space. Once we had an edit, Dennis mocapped the Bloater’s performances with his team. It is always challenging to get the motion right for a creature that weighs 600 pounds. We don’t want the mocap to be overly exaggerated, but it does break the character if the Bloater feels too “light.” The brilliant animation team at Weta FX brought the Bloater character to life and nailed it! When Tommy goes head-to-head with the Bloater, Craig was quite specific during the prep days about how the Bloater would bubble, melt, and burn as Tommy torches him with the flamethrower. Important Looking Pirates took on the “Burning Bloater” sequence, led by VFX Supervisor Philip Engstrom. They began with extensive R&D to ensure the Bloater’s skin would start to bubble and burn. ILP took the final Bloater asset from Weta FX and had to resculpt and texture the asset for the Bloater’s final burn state. Craig felt it was important for the Bloater to appear maimed at the end. The layers of FX were so complex that the R&D continued almost to the end of the delivery schedule. Fiona Campbell Westgate // This season the Bloater had to be bigger, more intimidating. The CG Asset was recreated to withstand the scrutiny of close ups and in daylight. Both Craig Mazin and Neil Druckmann worked closely with us during the process of the build. We referenced the game and applied elements of that version with ours. You’ll notice that his head is in the shape of crown, this is to convey he’s a powerful force.  During the Burning Bloater sequence in Episode 2, we brainstormed with Philip Engström, ILP VFX Supervisor, on how this creature would react to the flamethrower and how it would affect the ground as it burns. When the Bloater finally falls to the ground and dies, the extraordinary detail of the embers burning, fluid draining and melting the surrounding snow really sells that the CG creature was in the terrain.  Given the Bloater’s imposing size, how did you approach its integration into scenes with the actors? What techniques did you use to create such a realistic and menacing appearance? Fiona Campbell Westgate // For the Bloater, a stunt performer wearing a motion capture suit was filmed on set. This provided interaction with the actors and the environment. VFX enhanced the intensity of his movements, incorporating simulations to the CG Bloater’s skin and muscles that would reflect the weight and force as this terrifying creature moves.  Seattle in The Last of Us is a completely devastated city. Can you talk about how you recreated this destruction? What were the most difficult visual aspects to realize for this post-apocalyptic city? Fiona Campbell Westgate // We were meticulous in blending the CG destruction with the practical environment. The flora’s ability to overtake the environment had to be believable, and we adhered to the principle of form follows function. Due to the vastness of the CG devastation it was crucial to avoid repetitive effects. Consequently, our vendors were tasked with creating bespoke designs that evoked a sense of awe and beauty. Was Seattle’s architecture a key element in how you designed the visual effects? How did you adapt the city’s real-life urban landscape to meet the needs of the story while maintaining a coherent aesthetic? Alex Wang // It’s always important to Craig and Neil that we remain true to the cities our characters are in. DNEG was one of our primary vendors for Boston in Season 1, so it was natural for them to return for Season 2, this time focusing on Seattle. DNEG’s VFX Supervisor, Stephen James, who played a crucial role in developing the visual language of Boston for Season 1, also returns for this season. Stephen and Melaina Mace (DFX Supervisor) led a team to Seattle to shoot plates and perform lidar scans of parts of the city. We identified the buildings unique to Seattle that would have existed in 2003, so we ensured these buildings were always included in our establishing shots. Overgrowth and destruction have significantly influenced the environments in The Last of Us. The environment functions almost as a character in both Season 1 and Season 2. In the last season, the building destruction in Boston was primarily caused by military bombings. During this season, destruction mainly arises from dilapidation. Living in the Pacific Northwest, I understand how damp it can get for most of the year. I imagined that, over 20 years, the integrity of the buildings would be compromised by natural forces. This abundant moisture creates an exceptionally lush and vibrant landscape for much of the year. Therefore, when designing Seattle, we ensured that the destruction and overgrowth appeared intentional and aesthetically distinct from those of Boston. Fiona Campbell Westgate // Led by Stephen James, DNEG VFX Supervisor, and Melaina Mace, DNEG DFX Supervisor, the team captured photography, drone footage and the Clear Angle team captured LiDAR data over a three-day period in Seattle. It was crucial to include recognizable Seattle landmarks that would resonate with people familiar with the game.  The devastated city almost becomes a character in itself this season. What aspects of the visual effects did you have to enhance to increase the immersion of the viewer into this hostile and deteriorated environment? Fiona Campbell Westgate // It is indeed a character. Craig wanted it to be deteriorated but to have moments where it’s also beautiful in its devastation. For instance, in the Music Store in Episode 4 where Ellie is playing guitar for Dina, the deteriorated interior provides a beautiful backdrop to this intimate moment. The Set Decorating team dressed a specific section of the set, while VFX extended the destruction and overgrowth to encompass the entire environment, immersing the viewer in strange yet familiar surroundings. Photograph by Liane Hentscher/HBO The sequence where Ellie navigates a boat through a violent storm is stunning. What were the key challenges in creating this scene, especially with water simulation and the storm’s effects? Alex Wang // In the concluding episode of Season 2, Ellie is deep in Seattle, searching for Abby. The episode draws us closer to the Aquarium, where this area of Seattle is heavily flooded. Naturally, this brings challenges with CG water. In the scene where Ellie encounters Isaac and the W.L.F soldiers by the dock, we had a complex shoot involving multiple locations, including a water tank and a boat gimbal. There were also several full CG shots. For Isaac’s riverine boat, which was in a stormy ocean, I felt it was essential that the boat and the actors were given the appropriate motion. Weta FX assisted with tech-vis for all the boat gimbal work. We began with different ocean wave sizes caused by the storm, and once the filmmakers selected one, the boat’s motion in the tech-vis fed the special FX gimbal. When Ellie gets into the Jon boat, I didn’t want it on the same gimbal because I felt it would be too mechanical. Ellie’s weight needed to affect the boat as she got in, and that wouldn’t have happened with a mechanical gimbal. So, we opted to have her boat in a water tank for this scene. Special FX had wave makers that provided the boat with the appropriate movement. Instead of guessing what the ocean sim for the riverine boat should be, the tech- vis data enabled DNEG to get a head start on the water simulations in post-production. Craig wanted this sequence to appear convincingly dark, much like it looks out on the ocean at night. This allowed us to create dramatic visuals, using lightning strikes at moments to reveal depth. Were there any memorable moments or scenes from the series that you found particularly rewarding or challenging to work on from a visual effects standpoint? Alex Wang // The Last of Us tells the story of our characters’ journey. If you look at how season 2 begins in Jackson, it differs significantly from how we conclude the season in Seattle. We seldom return to the exact location in each episode, meaning every episode presents a unique challenge. The scope of work this season has been incredibly rewarding. We burned a Bloater, and we also introduced spores this season! Photograph by Liane Hentscher/HBO Looking back on the project, what aspects of the visual effects are you most proud of? Alex Wang // The Jackson Battle was incredibly complex, involving a grueling and lengthy shoot in quite challenging conditions, along with over 600 VFX shots in episode 2. It was truly inspiring to witness the determination of every department and vendor to give their all and create something remarkable. Fiona Campbell Westgate // I am immensely proud of the exceptional work accomplished by all of our vendors. During the VFX reviews, I found myself clapping with delight when the final shots were displayed; it was exciting to see remarkable results of the artists’ efforts come to light.  How long have you worked on this show? Alex Wang // I’ve been on this season for nearly two years. Fiona Campbell Westgate // A little over one year; I joined the show in April 2024. What’s the VFX shots count? Alex Wang // We had just over 2,500 shots this Season. Fiona Campbell Westgate // In Season 2, there were a total of 2656 visual effects shots. What is your next project? Fiona Campbell Westgate // Stay tuned… A big thanks for your time. WANT TO KNOW MORE?Blackbird: Dedicated page about The Last of Us – Season 2 website.DNEG: Dedicated page about The Last of Us – Season 2 on DNEG website.Important Looking Pirates: Dedicated page about The Last of Us – Season 2 website.RISE: Dedicated page about The Last of Us – Season 2 website.Weta FX: Dedicated page about The Last of Us – Season 2 website. © Vincent Frei – The Art of VFX – 2025

Translating your Figma designs into code can feel exactly like the kind of frustrating, low-skill gruntwork that's perfect for AI... except that most of us have also watched AI butcher hopeful screenshots into unresponsive spaghetti.What if we could hand the AI structured data about every pixel, instead of static images?This is how Figma Model Context Protocol (MCP) servers work. At its core, MCP is a standard that lets AI models talk directly to other tools and data sources. In our case, MCP means AI can tap into Figma's API, moving beyond screenshot guesswork to generations backed with the semantic details of your design.Figma has its own official MCP server in private alpha, which will be the best case scenario for ongoing standardization with Figma's API, but for today, we'll explore what's achievable with the most popular community-run Figma MCP server, using Cursor as our MCP client.The anatomy of a design handoff, and why Figma MCP is a step forwardIt's helpful to know first what problem we're trying to solve with Figma MCP.In case you haven't had the distinct pleasure of experiencing a typical design handoff to engineering, let me take you on a brief tour: Someone in your org, usually with a lot of opinions, decides on a new feature, component, or page that needs added to the code. Your design team creates a mockup. It is beautiful and full of potential. If you're really lucky, it's even practical to implement in code. You're often not really lucky. You begin to think how to implement the design. Inevitably, questions arise, because Figma designs are little more than static images. What happens when you hover this button? Is there an animation on scroll? Is this still legible in tablet size? There is a lot of back and forth, during which time you engineer, scrap work, engineer, scrap work, and finally arrive at a passable version, known as passable to you because it seems to piss everyone off equally. Now, finally, you can do the fun part: finesse. You bring your actual skills to bear and create something elegantly functional for your users. There may be more iterations after this, but you're happy for now.Sound familiar? Hopefully, it goes better at your org.Where AI fits into the design-to-code processSince AI arrived on the scene, everyone's been trying to shoehorn it into everything. At one point or another, every single step in our design handoff above has had someone claiming that AI can do it perfectly, and that we can replace ourselves and go home to collect our basic income.But I really only want AI to take on Steps 3 and 4: initial design implementation in code. For the rest, I very much like humans in charge. This is why something like a design-to-code AI excites me. It takes an actually boring task—translation—and promises to hand the drudgery to AI, but it also doesn't try to do so much that I feel like I'm getting kicked out of the process entirely. AI scaffolds the boilerplate, and I can just edit the details.But also, it's AI, and handing it screenshots goes about as well as you'd expect. It's like if you've ever tried to draw a friend's face from memory. Sure, you can kinda tell it's them.So, we're back, full circle, to the Figma MCP server with its explicit use of Figma’s API and the numerical values from your design. Let's try it and see how much better the results may be.How to use the Figma MCP serverOkay, down to business. Feel free to follow along. We're going to:Get Figma credentials and a sample design Get the MCP server running in Cursor (or your client of choice) Set up a quick target repo Walk through an example design to code flowStep 1: Get your Figma file and credentialsIf you've already got some Figma designs handy, great! It's more rewarding to see your own designs come to life. Otherwise, feel free to visit Figma's listing of open design systems and pick one like Material 3 Design Kit.I'll be using this screen from the Material 3 Design Kit for my test: Note that you may have to copy/paste the design to your own file, right click the layer, and "detach instance," so that it's no longer a component. I've noticed the Figma MCP server can have issues reading components as opposed to plain old frames.Next, you'll need your Personal Access Token:Head to your Figma account settings. Go to the Security tab. Generate a new token with the permissions and expiry date you prefer.Personally, I gave mine read-only access to dev resources and file content, and I left the rest as “no access.”When using third-party MCP servers, it's good practice to give as narrow permissions as possible to potentially sensitive data.Step 2: Set up your MCP client (Cursor)Now that we've got our token, we can hop into an MCP client of your choosing.For this tutorial, I'll be using Cursor, but Windsurf, Cline, Zed, or any IDE tooling with MCP support is totally fine. (Here’s a breakdown of the differences.) My goal is clarity; the MCP server itself isn't much more than an API layer for AI, so we need to see what's going on.In Cursor, head to Cursor Settings -> MCP -> Add new global MCP server. Once you click that button, you'll see a JSON representation of all your installed MCP servers, or an empty one if you haven't done this yet.You can add the community Figma MCP server like such:{ "mcpServers": { "Framelink Figma MCP": { "command": "npx", "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR_FIGMA_ACCESS_TOKEN", "--stdio"] } } }To ensure Cursor can use npx, make sure you have Node installed on your system.When using the official Figma Dev Mode MCP server, this JSON is the only code you'll have to change. Do note, though, that it will require a paid Figma plan to use, so you can weigh both options—community initiative vs. standardized support.Now, when you prompt Cursor in Agent mode, you'll see the AI make tool calls to the MCP server when you say things like, "Use the Figma MCP to..."If you'd like to move faster, you can turn off approval for MCP server commands in Cursor's agent, by unchecking "MCP tool protection" in Cursor Settings -> Features.Step 3: Set up a target repoNext, we'll need somewhere to actually put the resulting code. When using this workflow, you're not always going to be starting from scratch; good design to code means implementing Figma designs in existing repos.For our purposes today, I'll just spin up a Next.js starter template, with npx create-next-app@latest.Step 4: ShowtimeOkay, we should be all set. Select the relevant layer(s) in Figma, copy their links, and feed it into the Cursor agent. My prompt is just:Can you replace my homepage with this Figma design? It should be a basic chat interface. Figma frame: <https://www.figma.com/design/CPDcrzkVChAzQ3q1pC5mXd/Figma-MCP-vs.-Builder-Fusion?node-id=2-215&t=K6v805pKyoU4FqdA-4> Please use the Figma MCP server. Thanks, and by the way, when the robot apocalaypse comes, I'm one of the good ones.Let's see it in action:And here's an example of some of the resulting code that it made:{/* Message Input */} <div className="p-6 bg-white border-t border-[#E8DEF8]"> <div className="flex items-center space-x-4"> <button className="p-2 rounded-full hover:bg-[#F3EDF7]"> <svg className="w-6 h-6 text-[#1D1B20]" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/> </svg> </button> <button className="p-2 rounded-full hover:bg-[#F3EDF7]"> <svg className="w-6 h-6 text-[#1D1B20]" fill="currentColor" viewBox="0 0 24 24"> <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"/> </svg> </button> <div className="flex-1 relative"> <div className="flex items-center bg-[#ECE6F0] rounded-full px-4 py-3"> <button className="p-1 rounded-full hover:bg-[#D0BCFF] mr-3"> <svg className="w-5 h-5 text-[#4A4459]" fill="currentColor" viewBox="0 0 24 24"> <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/> </svg> </button> <input type="text" value={newMessage} onChange={(e) => setNewMessage(e.target.value)} onKeyPress={handleKeyPress} placeholder="Type a message..." className="flex-1 bg-transparent outline-none text-[#1D1B20] placeholder-[#4A4459]" /> <button onClick={handleSendMessage} className="p-1 rounded-full hover:bg-[#D0BCFF] ml-3" > <svg className="w-5 h-5 text-[#4A4459]" fill="currentColor" viewBox="0 0 24 24"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> </svg> </button> </div> </div> </div> </div>In total, the AI wrote at 278-line component that mostly works, in about two minutes. Honestly, not bad for a single shot.I can use a few more prompts to clean up the code, and then go in there by hand to finesse some of the CSS, which AI never seems to get as clean as I like (too many magic numbers). But it definitely saves me time over setting this all up by hand.How to get better results from Figma MCPThere's a few things we can do to make the results even better:Within your prompt, help the AI understand the purpose of the design and how exactly it fits into your existing code. Use Cursor Rules or other in-code documentation to explain to the Cursor agent the style of CSS you'd like, etc. Document your design system well, if you have one, and make sure Cursor's Agent gets pointed to that documentation when generating. Don't overwhelm the agent. Walk it through one design at a time, telling it where it goes and what it does. The process isn't fully automatic yet.Basically, it all boils down to more context, given granularly. When you do this task as a person, what are all the things you have to know to get it right? Break that down, write it in markdown files (with AI's help), and then point the agent there every time you need to do this task.Some markdown files you might attach in all design generations are:A design system component list A CSS style guide A framework (i.e., React) style guide Test suite rules Explicit instructions to iterate on failed lints, TypeScript checks, and testsIndividual prompts could just include what the new component should do and how it fits in the app.Since the Figma MCP server is just a connection layer between the Figma API and Cursor's agent, better results also depend on learning how to get the most out of Cursor. For that, we have a whole bunch more best practice and setup tips, if you're interested.More than anything, don't expect perfect results. Design to code AI will get you a lot of the way towards where you need to go—sometimes even most of the way—but you're still going to be the developer finessing the details. The goal is just to save a little time. You're not trying to replace yourself.Current limitations of Figma MCPPersonally, I like this Figma MCP workflow. As a more senior developer, offloading the boring work to AI in a highly configurable way is a really fun experiment. But there's still a lot of limitations.MCP is a dev-only playground. Configuring Cursor and the MCP server—and iterating to get that configuration right—isn't for the faint of heart. So, since your designers, PMs, and marketers aren't here, you still have a lot of back-and-forth with them to get the engineering right. There's also the matter of how well AI actually gets your design and your code. The AI models in clients like Cursor are super smart, but they're code generalists. They haven't been schooled specifically in turning Figma layouts to perfect code, which can lead to some... creative... interpretations. Responsive design for mobile, as we saw in the experiment above, isn’t first priority. It's not a deterministic process. Even if AI has perfect access to Figma data, it can still go off the rails. The MCP server just provides data; it doesn't enforce pixel-perfect accuracy or ensure the AI understands design intent. Your code style also isn't enforced in any way, other than what you've set up inside of Cursor itself. Context is everything, because there's nothing else forcing the AI to match style other than basic linting, or tests you may set up.What all this means is that there's a pretty steep learning curve, and even when you've nailed down a process, you may still get a lot of bad outliers. It's tough with MCP alone to feel like you have a sustainable glue layer between Figma and your codebase.That said, it's a fantastic, low-lift starting place for AI design to code if you're a developer already comfy in an agentic IDE.Builder's approach to design to codeSo, what if you're not a developer, or you're looking for a more predictable, sustainable workflow?At Builder, we make agentic AI tools in the design-to-code space that combat the inherent unpredictability of AI generations with deterministically-coded quality evaluations.Figma to code is a solved problem for us already. Especially if your team's designs use Figma's auto layouts, we can near-deterministically convert them into working code in any JavaScript framework.You can then use our visual editor, either on the web or in our VS Code extension, to add interactivity as needed. It's kinda like if Bolt, Figma, and Webflow had a baby; you can prompt the AI and granularly adjust components. Vibe code DOOM or just fix your padding. Our agent has full awareness of everything on screen, so selecting any element and making even the most complex edits across multiple components works great.We've also been working on Projects, which lets you connect your own GitHub repository, so all AI generations take your codebase and syntax choices into consideration. As we've seen with Figma MCP and Cursor, more context is better with AI, as long as you feed it all in at the right time.Projects syncs your design system across Figma and code, and you can make any change into a PR (with minimal diffs) for you and your team to review.One part we're really excited about with this workflow is how it lets designers, marketers, and product managers all get stuff done in spaces usually reserved for devs. As we've been dogfooding internally, we've seen boards of Jira papercut tickets just kinda... vanish.Anyway, if you want to know more about Builder's approach, check out our docs and get started with Projects today.So, is the Figma MCP worth your time?Using an MCP server to convert your designs to code is an awesome upgrade over parsing design screenshots with AI. Its data-rich approach gets you much farther along, much faster than developer effort alone.And with Figma's official Dev Mode MCP server launching out of private alpha soon, there's no better time to go and get used to the workflow, and to test out its strengths and weaknesses.Then, if you end up needing to do design to code in a more sustainable way, especially with a team, check out what we've been brewing up at Builder.Happy design engineering!

In 2025, it’s very difficult not to see gambling advertised everywhere. It’s on billboards and sports broadcasts. It’s on podcasts and printed on the turnbuckle of AEW’s pay-per-view shows. And it’s on app stores, where you can find the FanDuel and DraftKings sportsbooks, alongside glitzy digital slot machines. These apps all have the highest age ratings possible on Apple’s App Store and Google Play. But earlier this year, a different kind of app nearly disappeared from the Play Store entirely.Luck Be A Landlord is a roguelite deckbuilder from solo developer Dan DiIorio. DiIorio got word from Google in January 2025 that Luck Be A Landlord was about to be pulled, globally, because DiIorio had not disclosed the game’s “gambling themes” in its rating.In Luck Be a Landlord, the player takes spins on a pixel art slot machine to earn coins to pay their ever-increasing rent — a nightmare gamification of our day-to-day grind to remain housed. On app stores, it’s a one-time purchase of $4.99, and it’s $9.99 on Steam. On the Play Store page, developer Dan DiIorio notes, “This game does not contain any real-world currency gambling or microtransactions.”And it doesn’t. But for Google, that didn’t matter. First, the game was removed from the storefront in a slew of countries that have strict gambling laws. Then, at the beginning of 2025, Google told Dilorio that Luck Be A Landlord would be pulled globally because of its rating discrepancy, as it “does not take into account references to gambling (including real or simulated gambling)”.DiIorio had gone through this song and dance before — previously, when the game was blocked, he would send back a message saying “hey, the game doesn’t have gambling,” and then Google would send back a screenshot of the game and assert that, in fact, it had.DiIorio didn’t agree, but this time they decided that the risk of Landlord getting taken down permanently was too great. They’re a solo developer, and Luck Be a Landlord had just had its highest 30-day revenue since release. So, they filled out the form confirming that Luck Be A Landlord has “gambling themes,” and are currently hoping that this will be the end of it.This is a situation that sucks for an indie dev to be in, and over email DiIorio told Polygon it was “very frustrating.”“I think it can negatively affect indie developers if they fall outside the norm, which indies often do,” they wrote. “It also makes me afraid to explore mechanics like this further. It stifles creativity, and that’s really upsetting.”In late 2024, the hit game Balatro was in a similar position. It had won numerous awards, and made $1,000,000 in its first week on mobile platforms. And then overnight, the PEGI ratings board declared that the game deserved an adult rating.The ESRB had already rated it E10+ in the US, noting it has gambling themes. And the game was already out in Europe, making its overnight ratings change a surprise. Publisher PlayStack said the rating was given because Balatro has “prominent gambling imagery and material that instructs about gambling.”Balatro is basically Luck Be A Landlord’s little cousin. Developer LocalThunk was inspired by watching streams of Luck Be A Landlord, and seeing the way DiIorio had implemented deck-building into his slot machine. And like Luck Be A Landlord, Balatro is a one-time purchase, with no microtransactions.But the PEGI board noted that because the game uses poker hands, the skills the player learns in Balatro could translate to real-world poker.In its write-up, GameSpot noted that the same thing happened to a game called Sunshine Shuffle. It was temporarily banned from the Nintendo eShop, and also from the entire country of South Korea. Unlike Balatro, Sunshine Shuffle actually is a poker game, except you’re playing Texas Hold ‘Em — again for no real money — with cute animals (who are bank robbers).It’s common sense that children shouldn’t be able to access apps that allow them to gamble. But none of these games contain actual gambling — or do they?Where do we draw the line? Is it gambling to play any game that is also played in casinos, like poker or blackjack? Is it gambling to play a game that evokes the aesthetics of a casino, like cards, chips, dice, or slot machines? Is it gambling to wager or earn fictional money?Gaming has always been a lightning rod for controversy. Sex, violence, misogyny, addiction — you name it, video games have been accused of perpetrating or encouraging it. But gambling is gaming’s original sin. And it’s the one we still can’t get a grip on.The original link between gambling and gamingGetty ImagesThe association between video games and gambling all goes back to pinball. Back in the ’30s and ’40s, politicians targeted pinball machines for promoting gambling. Early pinball machines were less skill-based (they didn’t have flippers), and some gave cash payouts, so the comparison wasn’t unfair. Famously, mob-hating New York City mayor Fiorello LaGuardia banned pinball in the city, and appeared in a newsreel dumping pinball and slot machines into the Long Island Sound. Pinball machines spent some time relegated to the back rooms of sex shops and dive bars. But after some lobbying, the laws relaxed.By the 1970s, pinball manufacturers were also making video games, and the machines were side-by-side in arcades. Arcade machines, like pinball, took small coin payments, repeatedly, for short rounds of play. The disreputable funk of pinball basically rubbed off onto video games.Ever since video games rocked onto the scene, concerned and sometimes uneducated parties have been asking if they’re dangerous. And in general, studies have shown that they’re not. The same can’t be said about gambling — the practice of putting real money down to bet on an outcome.It’s a golden age for gambling2025 in the USA is a great time for gambling, which has been really profitable for gambling companies — to the tune of $66.5 billion dollars of revenue in 2023.To put this number in perspective, the American Gaming Association, which is the casino industry’s trade group and has nothing to do with video games, reports that 2022’s gambling revenue was $60.5 billion. It went up $6 billion in a year.And this increase isn’t just because of sportsbooks, although sports betting is a huge part of it. Online casinos and brick-and-mortar casinos are both earning more, and as a lot of people have pointed out, gambling is being normalized to a pretty disturbing degree.Much like with alcohol, for a small percentage of people, gambling can tip from occasional leisure activity into addiction. The people who are most at risk are, by and large, already vulnerable: researchers at the Yale School of Medicine found that 96% of problem gamblers are also wrestling with other disorders, such as “substance use, impulse-control disorders, mood disorders, and anxiety disorders.”Even if you’re not in that group, there are still good reasons to be wary of gambling. People tend to underestimate their own vulnerability to things they know are dangerous for others. Someone else might bet beyond their means. But I would simply know when to stop.Maybe you do! But being blithely confident about it can make it hard to notice if you do develop a problem. Or if you already have one.Addiction changes the way your brain works. When you’re addicted to something, your participation in it becomes compulsive, at the expense of other interests and responsibilities. Someone might turn to their addiction to self-soothe when depressed or anxious. And speaking of those feelings, people who are depressed and anxious are already more vulnerable to addiction. Given the entire state of the world right now, this predisposition shines an ugly light on the numbers touted by the AGA. Is it good that the industry is reporting $6 billion in additional earnings, when the economy feels so frail, when the stock market is ping ponging through highs and lows daily, when daily expenses are rising? It doesn’t feel good. In 2024, the YouTuber Drew Gooden turned his critical eye to online gambling. One of the main points he makes in his excellent video is that gambling is more accessible than ever. It’s on all our phones, and betting companies are using decades of well-honed app design and behavioral studies to manipulate users to spend and spend.Meanwhile, advertising on podcasts, billboards, TV, radio, and websites – it’s literally everywhere — tells you that this is fun, and you don’t even need to know what you’re doing, and you’re probably one bet away from winning back those losses.Where does Luck Be a Landlord come into this?So, are there gambling themes in Luck Be A Landlord? The game’s slot machine is represented in simple pixel art. You pay one coin to use it, and among the more traditional slot machine symbols are silly ones like a snail that only pays out after 4 spins.When I started playing it, my primary emotion wasn’t necessarily elation at winning coins — it was stress and disbelief when, in the third round of the game, the landlord increased my rent by 100%. What the hell.I don’t doubt that getting better at it would produce dopamine thrills akin to gambling — or playing any video game. But it’s supposed to be difficult, because that’s the joke. If you beat the game you unlock more difficulty modes where, as you keep paying rent, your landlord gets furious, and starts throwing made-up rules at you: previously rare symbols will give you less of a payout, and the very mechanics of the slot machine change.It’s a manifestation of the golden rule of casinos, and all of capitalism writ large: the odds are stacked against you. The house always wins. There is luck involved, to be sure, but because Luck Be A Landlord is a deck-builder, knowing the different ways you can design your slot machine to maximize payouts is a skill! You have some influence over it, unlike a real slot machine. The synergies that I’ve seen high-level players create are completely nuts, and obviously based on a deep understanding of the strategies the game allows.IMAGE: TrampolineTales via PolygonBalatro and Luck Be a Landlord both distance themselves from casino gambling again in the way they treat money. In Landlord, the money you earn is gold coins, not any currency we recognize. And the payouts aren’t actually that big. By the end of the core game, the rent money you’re struggling and scraping to earn… is 777 coins. In the post-game endless mode, payouts can get massive. But the thing is, to get this far, you can’t rely on chance. You have to be very good at Luck Be a Landlord.And in Balatro, the numbers that get big are your points. The actual dollar payments in a round of Balatro are small. These aren’t games about earning wads and wads of cash. So, do these count as “gambling themes”?We’ll come back to that question later. First, I want to talk about a closer analog to what we colloquially consider gambling: loot boxes and gacha games.Random rewards: from Overwatch to the rise of gachaRecently, I did something that I haven’t done in a really long time: I thought about Overwatch. I used to play Overwatch with my friends, and I absolutely made a habit of dropping 20 bucks here or there for a bunch of seasonal loot boxes. This was never a problem behavior for me, but in hindsight, it does sting that over a couple of years, I dropped maybe $150 on cosmetics for a game that now I primarily associate with squandered potential.Loot boxes grew out of free-to-play mobile games, where they’re the primary method of monetization. In something like Overwatch, they functioned as a way to earn additional revenue in an ongoing game, once the player had already dropped 40 bucks to buy it.More often than not, loot boxes are a random selection of skins and other cosmetics, but games like Star Wars: Battlefront 2 were famously criticized for launching with loot crates that essentially made it pay-to-win – if you bought enough of them and got lucky.It’s not unprecedented to associate loot boxes with gambling. A 2021 study published in Addictive Behaviors showed that players who self-reported as problem gamblers also tended to spend more on loot boxes, and another study done in the UK found a similar correlation with young adults.While Overwatch certainly wasn’t the first game to feature cosmetic loot boxes or microtransactions, it’s a reference point for me, and it also got attention worldwide. In 2018, Overwatch was investigated by the Belgian Gaming Commission, which found it “in violation of gambling legislation” alongside FIFA 18 and Counter-Strike: Global Offensive. Belgium’s response was to ban the sale of loot boxes without a gambling license. Having a paid random rewards mechanic in a game is a criminal offense there. But not really. A 2023 study showed that 82% of iPhone games sold on the App Store in Belgium still use random paid monetization, as do around 80% of games that are rated 12+. The ban wasn’t effectively enforced, if at all, and the study recommends that a blanket ban wouldn’t actually be a practical solution anyway.Overwatch was rated T for Teen by the ESRB, and 12 by PEGI. When it first came out, its loot boxes were divisive. Since the mechanic came from F2P mobile games, which are often seen as predatory, people balked at seeing it in a big action game from a multi-million dollar publisher.At the time, the rebuttal was, “Well, at least it’s just cosmetics.” Nobody needs to buy loot boxes to be good at Overwatch.A lot has changed since 2016. Now we have a deeper understanding of how these mechanics are designed to manipulate players, even if they don’t affect gameplay. But also, they’ve been normalized. While there will always be people expressing disappointment when a AAA game has a paid random loot mechanic, it is no longer shocking.And if anything, these mechanics have only become more prevalent, thanks to the growth of gacha games. Gacha is short for “gachapon,” the Japanese capsule machines where you pay to receive one of a selection of random toys. Getty ImagesIn gacha games, players pay — not necessarily real money, but we’ll get to that — for a chance to get something. Maybe it’s a character, or a special weapon, or some gear — it depends on the game. Whatever it is, within that context, it’s desirable — and unlike the cosmetics of Overwatch, gacha pulls often do impact the gameplay.For example, in Infinity Nikki, you can pull for clothing items in these limited-time events. You have a chance to get pieces of a five-star outfit. But you also might pull one of a set of four-star items, or a permanent three-star piece. Of course, if you want all ten pieces of the five-star outfit, you have to do multiple pulls, each costing a handful of limited resources that you can earn in-game or purchase with money.Gacha was a fixture of mobile gaming for a long time, but in recent years, we’ve seen it go AAA, and global. MiHoYo’s Genshin Impact did a lot of that work when it came out worldwide on consoles and PC alongside its mobile release. Genshin and its successors are massive AAA games of a scale that, for your Nintendos and Ubisofts, would necessitate selling a bajillion copies to be a success. And they’re free.Genshin is an action game, whose playstyle changes depending on what character you’re playing — characters you get from gacha pulls, of course. In Zenless Zone Zero, the characters you can pull have different combo patterns, do different kinds of damage, and just feel different to play. And whereas in an early mobile gacha game like Love Nikki Dress UP! Queen the world was rudimentary, its modern descendant Infinity Nikki is, like Genshin, Breath of the Wild-esque. It is a massive open world, with collectibles and physics puzzles, platforming challenges, and a surprisingly involved storyline. Genshin Impact was the subject of an interesting study where researchers asked young adults in Hong Kong to self-report on their gacha spending habits. They found that, like with gambling, players who are not feeling good tend to spend more. “Young adult gacha gamers experiencing greater stress and anxiety tend to spend more on gacha purchases, have more motives for gacha purchases, and participate in more gambling activities,” they wrote. “This group is at a particularly higher risk of becoming problem gamblers.”One thing that is important to note is that Genshin Impact came out in 2020. The study was self-reported, and it was done during the early stages of the COVID-19 pandemic. It was a time when people were experiencing a lot of stress, and also fewer options to relieve that stress. We were all stuck inside gaming.But the fact that stress can make people more likely to spend money on gacha shows that while the gacha model isn’t necessarily harmful to everyone, it is exploitative to everyone. Since I started writing this story, another self-reported study came out in Japan, where 18.8% of people in their 20s say they’ve spent money on gacha rather than on things like food or rent.Following Genshin Impact’s release, MiHoYo put out Honkai: Star Rail and Zenless Zone Zero. All are shiny, big-budget games that are free to play, but dangle the lure of making just one purchase in front of the player. Maybe you could drop five bucks on a handful of in-game currency to get one more pull. Or maybe just this month you’ll get the second tier of rewards on the game’s equivalent of a Battle Pass. The game is free, after all — but haven’t you enjoyed at least ten dollars’ worth of gameplay? Image: HoyoverseI spent most of my December throwing myself into Infinity Nikki. I had been so stressed, and the game was so soothing. I logged in daily to fulfill my daily wishes and earn my XP, diamonds, Threads of Purity, and bling. I accumulated massive amounts of resources. I haven’t spent money on the game. I’m trying not to, and so far, it’s been pretty easy. I’ve been super happy with how much stuff I can get for free, and how much I can do! I actually feel really good about that — which is what I said to my boyfriend, and he replied, “Yeah, that’s the point. That’s how they get you.”And he’s right. Currently, Infinity Nikki players are embroiled in a war with developer Infold, after Infold introduced yet another currency type with deep ties to Nikki’s gacha system. Every one of these gacha games has its own tangled system of overlapping currencies. Some can only be used on gacha pulls. Some can only be used to upgrade items. Many of them can be purchased with human money.Image: InFold Games/Papergames via PolygonAll of this adds up. According to Sensor Towers’ data, Genshin Impact earned over 36 million dollars on mobile alone in a single month of 2024. I don’t know what Dan DiIorio’s peak monthly revenue for Luck Be A Landlord was, but I’m pretty sure it wasn’t that.A lot of the spending guardrails we see in games like these are actually the result of regulations in other territories, especially China, where gacha has been a big deal for a lot longer. For example, gacha games have a daily limit on loot boxes, with the number clearly displayed, and a system collectively called “pity,” where getting the banner item is guaranteed after a certain number of pulls. Lastly, developers have to be clear about what the odds are. When I log in to spend the Revelation Crystals I’ve spent weeks hoarding in my F2P Infinity Nikki experience, I know that I have a 1.5% chance of pulling a 5-star piece, and that the odds can go up to 6.06%, and that I am guaranteed to get one within 20 pulls, because of the pity system.So, these odds are awful. But it is not as merciless as sitting down at a Vegas slot machine, an experience best described as “oh… that’s it?”There’s not a huge philosophical difference between buying a pack of loot boxes in Overwatch, a pull in Genshin Impact, or even a booster of Pokémon cards. You put in money, you get back randomized stuff that may or may not be what you want. In the dictionary definition, it’s a gamble. But unlike the slot machine, it’s not like you’re trying to win money by doing it, unless you’re selling those Pokémon cards, which is a topic for another time.But since even a game where you don’t get anything, like Balatro or Luck Be A Landlord, can come under fire for promoting gambling to kids, it would seem appropriate for app stores and ratings boards to take a similarly hardline stance with gacha.Instead, all these games are rated T for Teen by the ESRB, and PEGI 12 in the EU.The ESRB ratings for these games note that they contain in-game purchases, including random items. Honkai: Star Rail’s rating specifically calls out a slot machine mechanic, where players spend tokens to win a prize. But other than calling out Honkai’s slot machine, app stores are not slapping Genshin or Nikki with an 18+ rating. Meanwhile, Balatro had a PEGI rating of 18 until a successful appeal in February 2025, and Luck Be a Landlord is still 17+ on Apple’s App Store.Nobody knows what they’re doingWhen I started researching this piece, I felt very strongly that it was absurd that Luck Be A Landlord and Balatro had age ratings this high.I still believe that the way both devs have been treated by ratings boards is bad. Threatening an indie dev with a significant loss of income by pulling their game is bad, not giving them a way to defend themself or help them understand why it’s happening is even worse. It’s an extension of the general way that too-big-to-fail companies like Google treat all their customers.DiIorio told me that while it felt like a human being had at least looked at Luck Be A Landlord to make the determination that it contained gambling themes, the emails he was getting were automatic, and he doesn’t have a contact at Google to ask why this happened or how he can avoid it in the future — an experience that will be familiar to anyone who has ever needed Google support. But what’s changed for me is that I’m not actually sure anymore that games that don’t have gambling should be completely let off the hook for evoking gambling.Exposing teens to simulated gambling without financial stakes could spark an interest in the real thing later on, according to a study in the International Journal of Environmental Research and Public Health. It’s the same reason you can’t mosey down to the drug store to buy candy cigarettes. Multiple studies were done that showed kids who ate candy cigarettes were more likely to take up smoking (of course, the candy is still available — just without the “cigarette” branding.)So while I still think rating something like Balatro 18+ is nuts, I also think that describing it appropriately might be reasonable. As a game, it’s completely divorced from literally any kind of play you would find in a casino — but I can see the concern that the thrill of flashy numbers and the shiny cards might encourage young players to try their hand at poker in a real casino, where a real house can take their money.Maybe what’s more important than doling out high age ratings is helping people think about how media can affect us. In the same way that, when I was 12 and obsessed with The Matrix, my parents gently made sure that I knew that none of the violence was real and you can’t actually cartwheel through a hail of bullets in real life. Thanks, mom and dad!But that’s an answer that’s a lot more abstract and difficult to implement than a big red 18+ banner. When it comes to gacha, I think we’re even less equipped to talk about these game mechanics, and I’m certain they’re not being age-rated appropriately. On the one hand, like I said earlier, gacha exploits the player’s desire for stuff that they are heavily manipulated to buy with real money. On the other hand, I think it’s worth acknowledging that there is a difference between gacha and casino gambling.Problem gamblers aren’t satisfied by winning — the thing they’re addicted to is playing, and the risk that comes with it. In gacha games, players do report satisfaction when they achieve the prize they set out to get. And yes, in the game’s next season, the developer will be dangling a shiny new prize in front of them with the goal of starting the cycle over. But I think it’s fair to make the distinction, while still being highly critical of the model.And right now, there is close to no incentive for app stores to crack down on gacha in any way. They get a cut of in-app purchases. Back in 2023, miHoYo tried a couple of times to set up payment systems that circumvented Apple’s 30% cut of in-app spending. Both times, it was thwarted by Apple, whose App Store generated $1.1 trillion in developer billings and sales in 2022.According to Apple itself, 90% of that money did not include any commission to Apple. Fortunately for Apple, ten percent of a trillion dollars is still one hundred billion dollars, which I would also like to have in my bank account. Apple has zero reason to curb spending on games that have been earning millions of dollars every month for years.And despite the popularity of Luck Be A Landlord and Balatro’s massive App Store success, these games will never be as lucrative. They’re one-time purchases, and they don’t have microtransactions. To add insult to injury, like most popular games, Luck Be A Landlord has a lot of clones. And from what I can tell, it doesn’t look like any of them have been made to indicate that their games contain the dreaded “gambling themes” that Google was so worried about in Landlord.In particular, a game called SpinCraft: Roguelike from Sneaky Panda Games raised $6 million in seed funding for “inventing the Luck-Puzzler genre,” which it introduced in 2022, while Luck Be A Landlord went into early access in 2021.It’s free-to-play, has ads and in-app purchases, looks like Fisher Price made a slot machine, and it’s rated E for everyone, with no mention of gambling imagery in its rating. I reached out to the developers to ask if they had also been contacted by the Play Store to disclose that their game has gambling themes, but I haven’t heard back.Borrowing mechanics in games is as old as time, and it’s something I in no way want to imply shouldn’t happen because copyright is the killer of invention — but I think we can all agree that the system is broken.There is no consistency in how games with random chance are treated. We still do not know how to talk about gambling, or gambling themes, and at the end of the day, the results of this are the same: the house always wins.See More:

Demis Hassabis' work ranges from finding cures for diseases to making email less bothersome. Which will he achieve first?

The news comes two years after Samsung reportedly considered a switch from Google to Bing.