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

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!

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.

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.

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.

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

“Welcome to Deep Dive with Jay, a series where we will look inside the Figma files of top designers. In this interview Jay chats with Shreya, Senior Product Designer at Groww and freelance illustrator. You will learn how Shreya uses Figma Draw for freelance illustration projects.”

You can now type directly in the hex code input to access your color variables and styles. Lots of smart details: enter a hex value and see all variables and styles using it, colors are surfaced based on the context, and related terms are baked into the new algorithm (i.e., finding your ​“danger” variable when searching for ​“error”).

The Figma Makeathon is officially live! $100,000 in prizes are up for grabs. Check out the guidelines to get started.

I missed the announcement a couple of weeks ago, but the stamp wheel now includes all emojis, which you can use as emotes or as stamps.

From design system documentation and PRDs to user research and feedback, Make can now pull in context from across your product ecosystem. Figma added new featured connectors for Amplitude, Box, Dovetail, Granola, Marvin, and zeroheight. You can also connect Make to any remote MCP server by setting up a custom connector.

Once you’ve installed and authorized a Make connector, just hit @ in your Make file and start typing the connector name to pull external context directly into your prototype.

Joey Banks: “…trying Figma Console MCP has completely opened my eyes into what I can offload. Not because it replaces the enjoyable work that I was doing before, but because it handled some of the longer, more repetitive tasks so quickly, and actually so well. Creating 200+ variables took seconds, and mapping them to color swatch instances so the team could preview values was way easier than I expected.”