Figma Make now supports custom skills — markdown files that capture conventions and workflows you use repeatedly, callable from any prompt with a slash command. Pair /build-from-prd with a Notion connector and any PRD becomes a prototype that matches your standards.

“AI designs with you, not instead of you.” Figma’s positioning for useFigma, the new write-capable MCP tool that creates real components, variables, and auto layout on the canvas, not flat images or wireframes. The demo runs the full loop: terminal prompt to first draft, manual polish in Figma, annotations the agent later reads as design context, then back to the terminal to update the codebase. The annotations detail is the most interesting part — they double as machine-readable spec.

Draw now surfaces the tools designers reach for most without leaving the mode they’re already working in: Auto Layout brought over from Design, text-on-path becomes a dedicated tool, and right-click to separate text and vector into independent layers. New expressive controls expand what’s possible natively, alongside the core features that were always there but harder to find: sample brush styles, set gradient and blend mode before starting a stroke, control axes on noise and texture independently.

Miggi flags a new Draw shortcut: hold ⌘ (Ctrl on Windows) with a brush selected to make it your current brush. Pick up where you left off on an illustration, or build a palette right on the canvas.

Seven small FigJam fixes that add up: cell merging in tables (preserves the upper-left cell’s content), per-cell text colors, wider arrow routing margins with cleaner heads and dashed endpoints, drag-any-handle to flip a shape, a recenter button for big canvases, a slightly more zoomed-out default, and template publishing now on Professional plans (up to 5 per team).

FigJam adds three MCP capabilities aimed squarely at coding agents: generate_diagram for architecture diagrams and ERDs (with new connector types built for database relationships), the figma-use-figjam skill for direct read/​write access to a board, and get_figjam for summarizing a board, surfacing insights, or drafting next steps. You can also paste Mermaid.js code straight onto the canvas and have it rendered.

Figma ships a meaningful performance update across the board: 10x faster vector editing, 4x smoother Make frame rates, faster load times, 92% fewer memory warnings. Just the memory side of this update was six months in the making!

Makes now run natively on the Figma mobile app for on-device testing and touch interaction previews. Mobile creation and editing is coming soon.

Explore the world of Figma Weave workflows in the new Community area. Figma Weave (formerly Weavy) combines multiple AI models with professional editing tools in a node-based canvas, covering image, video, animation, and VFX.

Figma Make gets two features aimed at consistency and context. Kits bring reusable component sets across projects. Attachments embed files directly in the prototype, reducing context switching during handoff. Both address the real friction of working at scale in Make.

The updated eyedropper is no longer limited to the Figma canvas. On the macOS desktop app, it now samples from anywhere on screen — browsers, design references, anything open.

No more jumping to prototype mode just to check a video. Figma now surfaces playback controls on video files directly in Design and Draw — play, pause, fullscreen, and speed controls all on canvas.

Gui Seiz and Alex Kern from Figma walk through the exact workflow they use to keep design and code in continuous sync using Figma’s MCP, Claude Code, and Codex. Their demo shows the full round-trip: pull a running web app into Figma as editable frames, make design changes on the canvas, push them back to code via Claude Code. If you’d rather read than watch the full video, the newsletter summary of this How I AI episode captures the key takeaways.

Figma’s official walkthrough for the Codex-to-canvas workflow: pull coded designs into Figma as editable frames, iterate on the canvas, push changes back to code.

The Claude Code version of Figma’s ​“Code to Canvas” tutorial. Clear and short, covers the same workflow as the above.

Annual reminder that the Makeathon is the best showcase for how far Figma Make can be pushed.

Yarden Katz, Product Manager at Figma, walks through the bidirectional workflow between Codex and Figma’s MCP server. The design-to-code direction is the expected one — copy a Figma frame link, paste it into Codex, and the get_​design_​context tool extracts layouts, styles, and components to implement against. The more interesting direction is code-to-canvas: Codex can capture a live running UI and push it back into Figma as editable frames, letting the design side iterate before syncing changes back to code.

GitHub Copilot can now connect to the Figma MCP server to push rendered UI into Figma as editable frames and pull design context back into code.

Socrates’ submission to Makeathon is a design newspaper, built entirely in Figma Make and styled as a classic broadsheet. Lots of cool effects, including realistic page turn, the ink-wet loader, and ink bleeding through the back.

FigJam is now available in Notion as a pre-configured MCP integration.