Figma
Stories, products, and related signals connected to this tag in Explore.
Stories
Filter storiesMengTo shared a workflow that turns a Figma Weave canvas into a seasonal landing page. Seasonal images, depth maps and Kling motion references feed an exported folder that Claude Code converts into a single-file three.js page.
Charlota’s Hue Scream maps vowels, pitch and volume to colour. The remixable project documents a Figma MCP-connected prototype, canvas revisions and agent-directed motion.
Figma says Harvey produces hundreds of tailored demos using agents with MCP canvas access. The workflow combines brand and motion guidelines with Figma Motion storyboards and Weave image and video generation.
Figma launched Code Layers in open beta, bringing code onto the Figma canvas. Its Chrome extension can capture website code as a Code Layer.
Figma Specs brings collaborative markdown onto the canvas in open beta. MCP and GitHub connections move context into and out of Specs.
Figma says Agent is faster, better at selecting context, and improved at following instructions and longer tasks. Its human-graded professional-designer win rate exceeded 60%, while design-system adherence still needs work.
Figma added reusable animation styles that designers can publish to libraries and apply through its agent or MCP-connected coding agents. Lottie export is available, while audio and text animation are planned for next week.
Figma Community now accepts plugins and shaders built with Config. The update also adds interactive canvas shaders, shader-code access, and MCP read/write support.
Figma Motion demos showed designers prompting animations while retaining manual parameter control and auto-keyframes for shader and button effects. Try it for non-destructive animation edits across videos, frames, and objects.
Figma Weave now exposes 20+ AI tools inside the desktop app and adds reusable node workflows for repeatable pipelines. Creators can use it to standardize illustration work, while full Figma frame embedding still appears to be coming soon.
Creator testing around Figma Motion now shows shader prompts, canvas handles, and keyframe retiming in the beta, alongside a detailed tutorial. Designers can keep more motion polish inside Figma before handing work to separate animation or code tools.
Figma added MCP connectors so the Figma agent can reach apps like GitHub, Slack, Notion, Atlassian, Granola, Hex, and Dovetail. Testers can start trying connected code and video workflows as the beta rolls out.
Figma Motion adds animation editing inside the design file with a collaborative timeline and exports to MP4, WebM, GIF, and code. Use it to keep common UI and launch-film motion work in Figma instead of handing it off to another tool.
Figma expanded its design agent beta to all Pro, Org, and Enterprise plans ahead of Config. Teams on paid tiers can now test the agent more broadly as it moves from a narrow preview to a feature with real workflow coverage.
Figma updated its MCP server to generate and edit Slides decks, build FigJam boards from data, and roundtrip code into Figma Make. The release also adds custom font support and image exports, extending MCP into presentation and board workflows.
Figma shipped a Chrome extension that converts live websites into editable Figma layers and teased design-system-based generation as the next step. It matters because designers can start from real product surfaces instead of rebuilding layouts by hand.
Figma shipped plan mode, a messaging queue, web search and fetch, and pinned comments for Make. The update adds more guided checkpoints to prompt-driven prototype generation as Figma keeps pushing AI workflows beyond plain chat.
Figma opened preregistration for its first Config Makeathon and tied early signup to access for its new design-agent beta. Register early if you want temporary Figma Pro and 1,500 Weave credits during the event.
Figma introduced an on-canvas design agent that can automate repetitive tasks, run parallel explorations, maintain libraries, and work through comments. Try it inside live files if you want agent help without bouncing to a separate chat or export step.
Figma began rolling out copy-paste, selection-based, and drag-and-drop reference inputs for AI image work, alongside new Draw tools like text on a path, gradients, and noise controls. The update reduces prep steps for reference-driven edits and adds more illustration controls inside Draw.