Videos

Figma’s guide to spending fewer AI credits with the agent: scope prompts clearly, attach only the context the task needs, and start a new chat when you switch tasks, since long chats raise the cost of every prompt. For repeated jobs, turn the work into a generative plugin — building it costs credits, but every run after that costs zero.

On the All-In podcast, Dylan Field takes back his own Config prediction: ​“I said the ceiling will be raised by AI… That was wrong.” AI lowers the floor for making code, motion, and design, but the ceiling only rises when designers ​“choose to focus, invest their time, and to be bold.” With exponentially more software and flat app usage, that is now where products differentiate.

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.

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.

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.

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.”

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.

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.

Main-stage talks from Lenny & Friends Summit, with Marty Cagan on strong opinions loosely held and Claire Vo on whether any of the extra shipping matters. Start with Katie Dill of Stripe, who warns that AI building could leave us with ​“zombie UI that’s monotonous, vacant, or uncared for.”

Figma designer advocates Brett McMillin and Kaitie Chambers take static museum app screens to a finished launch live: agent-generated keyframes become animation styles, which use easing and timing variables, so changing one curve updates every screen. Variable modes then switch the same motion between a smooth and an expressive feel. ​“Motion can now finally be treated as part of the design system fully instead of something you have to build every time.”

Four Figma Motion files from Figma’s own motion designers, each with one technique worth reusing: Fabien Rousseau’s tarot cards built from nested components (with a trim-path waterfall), Brett McMillin’s rotating rings under a pile of shaders, Gilles Desmadrille’s brand animation pulling colors from library styles, and an agent-built menu.

“Weave tools turn creative workflows into simple tools anyone can run from the Figma canvas. In this video, you’ll learn how to create a Weave tool from a workflow and publish it to the Figma community.”

Shaders apply either as fills that generate patterns, gradients, and textures, or as effects that modify how a layer looks, and both animate on keyframes. The last 10 seconds are the interesting part: you can describe the motion to the Figma agent and have it apply the shader with a first set of keyframes for you to adjust.

Soleio interviews Joel Lewenstein, Head of Design at Anthropic. Their roadmap comes from internal traction on half-baked vibe-coded prototypes rather than top-down planning, and new designers figure that out by pattern matching on who gets respect. Claude Design is a wrapper over Claude Code with a friendlier front end, and his own designers keep going back to the terminal, because the production codebase is the source of truth for the design system and the rules of how things work while Claude Design has to rummage through Google docs that aren’t.

Ridd and Tommy spend two and a half hours on what Dive’s own talent network data actually shows: designers with 10+ years of experience account for about 45% of hires while 0 to 2 years accounts for about 7%, expected salaries at signup run around $200,000 against a bit over $215,000 actually paid, and the median from first meeting to hire is 38.4 days. The most uncomfortable stretch is the case that a FAANG résumé is no longer a positive signal on its own, with Decimals founder Danny confirming that people are ​“almost allergic to the big company logos.”

Anthony DiSpezio, Designer Advocate at Figma, builds a Make kit from an npm package. Make auto-generates a starting version of the guidelines, and Anthony offers a few rules for making them more effective – assume the agent knows nothing, split guidelines into categories so it doesn’t drown in context, include real usage examples, and spell out the gotchas. Before publishing your kit, calibrate against the model’s pre-training biases and test how it actually reads your UI.

Piers Cowburn opens his shaders file for Show Your Work series. The interesting trick: regular Figma effects apply after shaders, so to blur something before the shader reads it, you have to wrap it in a frame. Those soft gray fringes are exactly what his mosaic shader converts into color and shape.

The detail I keep thinking about: ​“We found buttons are tough to tap when they land right in the fold.” So Apple built fold avoidance into sheets, alerts, menus, and toolbar buttons, all of which nudge themselves aside whenever iPhone Duo is partially folded, while scrollable content stays where it is. Adopt the system components and you get the behavior for free.

Jamie Haberman, Education Designer at Figma, builds a kinetic type plugin with the Figma agent.

Comments attach to a moment on the timeline, and a single comment can carry several timestamps, so one note can flag three separate problems in one pass.