Code layers are now in open beta. Figma designer advocate Anthony DiSpezio’s demo shows the loop that makes them different from a vibe-coded prototype: duplicate a layer to branch, edit visually or in code, extract designs and push them back, then combine two teammates’ explorations with one prompt. The Chrome extension can also capture a live website as a code layer.
Josh Puckett launched Graphical, “a simple, powerful, and fun tool to design visual languages, style components, and work with coding agents to create interfaces that look memorable and feel unique.” You tune colors, type, spacing, shape, and motion springs visually, then hand your agent a GUI.md, theme references, and three skills for building and reviewing screens.
Hayden Mills has run Fontpair for over a decade, curating free font pairings with friends. The new version starts from brand kits: pick a font pairing and color palette, remix it on a sample site in the Playground, and download the result as a PDF or a DESIGN.md for your agent.
Vibe-coded prototypes have no good place for feedback. Ridd launched Inflight to everyone: it adds pinned comments, built-in video, and structured questions on top of any prototype link, then hands it all to your coding agent through MCP.
Four ways to make motion consistent and easy for non-motion designers on your team: components, easing and timing variables, custom animation styles, and plugins you generate with the agent.
Figma Make gets a real backend. Payload, the open-source CMS Figma brought in last year, now powers data-backed apps straight from a prototype, with content that stays bound to your design system.
Guidelines let a design systems team upload Markdown rules to a published library, and the Figma agent reads them every time someone prompts with that library. Include dos and don’ts, anti-patterns, and unwritten taste. When the agent keeps inventing navigation, add a rule.
At Config India, Figma also put code sources in closed beta and previewed one place to manage a whole system.
The Figma agent is out of beta, with lower latency, file search across the platform, and the ability to watch your teammates’ agents work live on the canvas. Generative plugins are now generally available too.
Mentha is Mintlify’s design system for an agent-heavy team. Fay Dakrouri’s takeaway: the more instructions, skills, and component constraints you feed an agent, the better its first direction, though someone still has to judge whether the result solves the problem tastefully.
Agu Seguí, founding brand designer at Paper, shows how the Paper Mono launch video was made. “Everything is code but I didn’t touch any of it.”
Figma’s newest product is a Markdown editor. “You can think of Specs as a container for your context.” Specs live on the canvas and as their own file type, are multiplayer with comments, and can be filled by hand or through MCP and GitHub. Rolling out in open beta on paid plans.
At the first Config India in Bengaluru, Dylan Field framed the launches around two ways of building: building to think and building to ship. Code layers go to open beta, Specs bring Markdown to the canvas, design systems get guidelines and code sources, and Make can scaffold a Payload backend. “Don’t delegate your thinking to AI. You need to think.”
Hairline 0.5px borders keep strokes crisp until you put them on a small corner radius, like a checkbox. Then antialiasing gets funky, especially in dark mode. Matt Ström-Awn’s workaround is two overlaid rectangles with carefully-tuned concentric radii.
Peng Zheng’s personal site updates itself, as he shows host Claire Vo on How I AI. Send his check-in bot a photo, a screenshot or just the name of a place, and it looks the place up through the Google Places API, fixes the perspective, removes people and generates light and dark 3D miniature versions for the site.
Brett McMillin, Designer Advocate at Figma, runs a skill that pulls user personas from a Notion page and critiques selected frames as one persona, in his demo a fintech app for teens. The findings land as annotations on the canvas covering comprehension, findability, visual hierarchy and trust, and the skill is told never to touch the design. “Nothing will take the place of actual user testing and talking to our customers.”
Anton Lovchikov, Head of Design at Evil Martians, makes the case that “a designer’s main job isn’t drawing screens. It’s pulling rules out of chaos and making sure they’re followed.” His proof is a 700-line localization refactor, after which Claude rewrote half the strings. The fix was a three-layer system of product principles, copy rules traced back to them, and skills built on those rules. Now when he dislikes a string, he asks Claude which rule produced it and fixes the rule.
Evil Martians’ eight-part framework for keeping AI-built interfaces consistent. Component contracts say when to use and not use each component, an inventory lets agents shortlist components before reading any code, and a design linter fails the build on a raw hex color. The agent skill is published too, split into craft and use workflows.
Figma’s mobile app gets a page dropdown, a frame preview slider, share links to the exact page or frame you’re viewing, and export of individual frames and images to your phone with format and size options.
Custom animation styles “let you define your brand’s motion language and create reusable animations that can be applied to any object.” A style is built from one or more preset animations, and the timing and easing inside it can use variables, so the motion follows your design system.
Pulsar Haptics from Software Mansion lets you bind a haptic preset to any layer, hear it as you edit and feel it on a real phone by pairing with a QR code. It needs a free Pulsar account and a plugin subscription, with a 14-day trial.