Jakub Antalik packaged all seven Libraries.dev effects into an agent skill. The most useful command is libraries review. It scans your project and returns a per-file list of spots where an effect fits (waiting states, chat inputs, mic buttons, bot avatars) without editing anything. Then libraries apply installs the package and wires it to real app state.
This is another step in Figma’s quiet effort to make auto layout speak CSS. After Around and Evenly spacing in Issue #259, vertical auto layout now wraps into new columns the way flex-direction: column with flex-wrap does in the browser. Handy for multi-column menus, legends, and lists that need to stay responsive as content changes.
Kailash rounds up ten design skills from the ui-skills.com directory, including Anthropic’s frontend-design, Emil Kowalski’s apple-design and emil-design-eng, Meng To’s beautiful-shadows, Addy Osmani’s accessibility, and Paul Bakaus’s adapt. Jakub Krehel’s better-interface makes the list too, after showing up in Miggi’s agent skills roundup in Issue #259.
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.
Rogie King on how generative shaders went from a vibe-coded “FigGPU” prototype to the Config keynote in two months. The detail I keep coming back to: progressive blur took the Figma Draw team months to build, and Rogie recreated the same effect with one or two prompts. He’s also honest about what didn’t work – his working prototypes were great for designers and useless as references for engineers, PMs, and stakeholders, so the team backed up to static Figma mocks to get alignment first.
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.
Karl Koch, Design Engineer at DuckDuckGo, published 11 custom skills to the Figma Community, ported from his open-source dxe set. Run /dxe orchestrator and you get his whole design engineering review in order: intent (write-first-design, subtractive-design), platform (semantic-html-first, modern-css-html), feel (fluid-design, interface-affordances, product-delight), bridge (design-engineering), then shipping (ai-output-judgement, prototype-to-production).
FigJam has had auto-routing connectors for years. Figma Design still doesn’t. Sergey Tomashevsky’s Flow Pro fills that gap – wires re-route live as you drag frames, and style presets carry across files. Free for 30 connectors, then a one-time payment.
The day has come! Set opacity on a color variable using a number variable, and the color stays linked to your library. No more detaching a library color just to dim a disabled state. The number variables can be scoped for color use only, so the picker stays clean.
The Config announcements filled out. Shaders can now be animated and reactive to mouse movement, both shaders and generative plugins can be published to Community, a code viewer lets you read and download the code behind any shader, and MCP read/write access.
Auto Layout’s auto spacing gets Around and Evenly, and the old default is renamed Between. Those are ‘space-between‘, ‘space-around‘, and ‘space-evenly‘ from ‘justify-content‘. Figma renaming its own concept to match CSS is the real news here, and the text wrap entry below does the same thing.
“When we say wrap it up, we mean Pretty and Balance.” Both are the CSS ‘text-wrap‘ values, set on a layer, a paragraph, or a text style. “Balance” distributes text evenly across lines, “Pretty” avoids the single word stranded alone on the last line.
“MCP gives your AI reach. Skills give it a recipe.” Murphy Trueman compresses two acronyms into one sentence you can actually hold onto. MCP is access: Claude reading your real Figma file, walking every fill on a button set and finding the fourteen layers still on raw hex, all of them on hover and disabled states. A skill is the playbook it follows once it’s in there. Their rule for writing one is the third time you catch yourself explaining the same preference, write it down.
Detach the agent chat into its own window on the desktop app, move it anywhere, keep it in view while you design. Figma expects you to be watching an agent work while you do something else, which turns the chat from a sidebar into a persistent companion window.
Admins can now mark skills, templates, libraries, and Make kits as recommended within the organization, and they show up with a checkmark and a tooltip. Skills and templates can be scoped to the whole organization or to specific workspaces.
Jake Albaugh, Developer Advocate at Figma, points a fleet of agents at an entire component library, then reuses the same agents as validators: each file re-fetches from Figma and surfaces what drifted after a property rename. His real argument for Code Connect is context economy – without it the MCP server hands the agent every style value it might need, and compaction is lossy.
The post above shows the skills, this one shows the plumbing. Miggi builds 3 skills: a type scale generator that also writes the variables, an image audit that drops a DPI card beside every image, and Shader Starter, which pairs neatly with the shaders update below.
Miggi rounds up ten community skills for the Figma agent, though the real news is in the first line: you can now author skills inside Figma. Ask the agent to draft one using a design frame as reference, preview it, then keep iterating in chat or open the markdown editor for manual changes. Emil Kowalski’s /find-animation-opportunities, which scans a file for places that don’t animate but should, and Jakub Krehel’s /better-interface which catches the details your interface is missing, are the ones I’d install first.
The skills demo is the one to watch. Rodrigo calls a slash command for a skill his teammate Tammy wrote in plain English, carrying her own design-review conventions, and the agent returns the critique as annotations right on the canvas. Team practice becomes a callable command.
Matt Perry, who built Framer Motion and now Motion, opens The Book of Motion with perception rather than code, on the argument that “motion is deeply human” and hardwired into how we register that something has changed. The book will have four parts: perception, mechanics, engineering, and practice. The intro chapter is free, the rest is paid early access, published a chapter at a time. And despite the domain, it’s deliberately not a book about the Motion library.