“Figma Make (still in beta) is now rolled out to 100% of all Full seats. Watch PMs Holly Li, Nikolas Klein, and Tom Duncalf make things live in Figma Make.”

Tim Van Damme shares a nifty trick for reusing scaled icons as blank state illustrations. In Figma Draw, he applies dynamic strokes, various brushes, pattern fills, and noise effects to give icons a beautiful hand-drawn feel. I thought Figma Draw wasn’t a tool for me, but this video showed it from a different side and made me eager to explore.

Gary Simon recorded a video tutorial on how to set up and use the new Figma MCP server. He shares tips on how to set up Cursor and prepare your designs for agentic coding tools with Auto Layout, variables, and naming your layers.

Figma announced the beta release of the Dev Mode MCP server, which brings it directly into the developer workflow to help LLMs achieve design-informed code generation. Jake Albaugh shared a sneak peek at the GitHub × Figma Dev community event during Config, and I’m excited to finally give it a try.

“[MCP server] allows developers to bring context from Figma into agentic coding tools like Copilot in VS Code, Cursor, Windsurf, and Claude Code. Whether it’s creating new atomic components with the proper variables and stylings or building out multi-layer application flows, we believe this server will provide a more efficient and accurate design-to-code workflow.”

“If you’ve already invested in a design system and leverage patterns like components, variables, and styles that are aligned between design and code, the Dev Mode MCP server is a multiplier — we want to make sure that the LLM can benefit from these patterns, too. Agentic search techniques can take quite a bit of time to locate the right patterns, especially in large codebases. They may also find valid patterns that stray from those referenced in a design. By providing references to specific variables, components, and styles, the Dev Mode MCP server can make generated code more precise, efficient, and reduce LLM token usage. […] If Figma knows which components you’re using, it can share the exact path to the code file the agent needs with Code Connect.”

Watch Tim Van Damme design symbols for keyboard keycaps in the new Figma Draw.

Inga Hampton, a Product Designer at Raycast, and Noah McAskill, a Chief Doodler at NBA Paint, are challenged to draw each other’s portraits in Figma Draw. The reveal at 20:00 is my favorite part.

Gary Simon shows how to create your own Figma Draw brushes by scanning physical samples or generating them with AI. He also offers 30 pre-made stretch brushes as a free resource.

Ran Segall from Flux Academy shares his first impressions from using Figma Sites.

Nice to see that Figma addresses some of the early accessibility concerns with Figma Sites.

First, that illustration from Miggi is very cute. Second, I have no idea how these talented minds at the Figma Draw team made all of these complex visual effects exportable to SVG. Mad respect!

Miggi shows how to be more experimental and expressive with Figma Draw features like progressive layer blurs, texture, and a custom brush. Learn to pair these with Smart Animate prototyping, and you can come up with some novel effects.

Figma created an entire hands-on course on designing a portfolio website from scratch. ​“We’ll cover the basics like shapes, text, and frames, and tap into more advanced features like auto layout, components, and prototyping. By the end, you’ll be ready to start bringing your own ideas to life.”

“Recently, we introduced two new features for improving design & development collaboration. In this video, we’ll explore these new features and show how they can assist you during handoff. First, we added categories to our annotations features which makes it easier to communicate design intent and improves navigation for developers. Second, we added our new eyedropper tool to Dev Mode making it easy to copy color values, styles, and even code syntax.”

“With Figma Buzz, brand designers and marketers have a shared space to build beautiful, on-brand assets at scale.” Non-designers on my team use Canva a lot for event materials and marketing assets, and I can’t wait to set them up with customizable on-brand templates.

Mal highlights a few core features of Buzz — bulk create, make or edit images with AI, and wonderful templates to get started.

Theo with an interesting analysis of Figma Make and why it was introduced now.

Luis shares a bunch of examples made with Figma Make.

“Today we’re introducing Figma Make, a new prompt-to-code capability to help you quickly explore, iterate, and refine — whether it’s generating high-fidelity prototypes or getting into the details in design and code.”

Alex Einarsson teamed up with Figmates Luis Ouriach and Noah Levin to build a plugin for converting your Read​.cv profile into a Figma Design file, which can be easily copied and pasted into Figma Sites as a functional resume website.

“Today, we’re launching Figma Sites, an all-in-one tool for you to design and build custom, responsive websites. Here, we share how you can go from design to production in the most efficient — and expressive — ways.”