Miggi and special guests walk through updates across Figma Make, Sites, Buzz, FigJam, Slides, Dev Mode, Draw, and Design. Highlights include style context and Supabase integration in Make, vector simplifying and offset in Draw, grid updates, Dev Mode’s interactive inspection, and Sites’ background video fill.

A behind-the-scenes look at how Figma’s product icons come together: Tim Van Damme shares guidelines (one pixel strokes, rounded caps, consistent and balanced sizes) and iterations it takes to make the whole suite feel like a family. Love the idea of rating confidence: ​“Tim frequently solicits feedback from product designers and product managers, guiding the conversation with a one-to-five star rating to show how confident he is in a design.”

Zeh Fernandes revisits David Krakauer’s ​“complementary vs. competitive” framework — think abacus vs. calculator, GPS as a skill-eroder — and argues that AI tools should teach as well as do. ​”Often, we don’t want to be better navigators, or our use of math is so trivial it doesn’t justify constant practice. And that’s fine. So long as it’s a deliberate choice. But in digital product design, the emphasis tends to fall on outcomes alone: getting the job done, removing friction, making everything feel effortless. In the short term, we gain speed. Over time, though, we risk dulling the very skills we once actively cultivated.”

A set of resources for upskilling from one of the ​“traditional” digital design roles (UI, UX, Service) towards becoming AI aware, and on to become an AI designer.

Dan Saffer makes a clear case that AI doesn’t kill UI — it raises the bar for it. A single chat box won’t cut it, and direct manipulation plus visual affordances make AI legible, accessible, and trustworthy.

Read Dylan Field’s founder letter about why design is more important than ever, and what’s next for the company.

Steven Levy at WIRED: ​“He (Dylan Field) explains that in the early 2000s, design was about making things pretty. By the 2010s, people were emulating Steve Jobs’ philosophy that design was about function. Now, Field says, design is not only both those things, but our means of communication—who you are, what your brand stands for, how you engage with the public. Our world is built on software, Field says, and the more software is created, the more design becomes the core differentiator.”

TBPN show hosts asked Dylan Field about organizational design in the age of AI and the importance of design.

Figma rings the opening bell at the New York Stock Exchange on July 31st.

Rogie King introduces a new brush type in Figma Draw — scatter brushes. Make sure to read a fun behind-the-scenes look at how Rogie and Molly worked together to create and name the new brushes.

Miggi shows a new Figma Draw feature. You can now take any flattened vector path and offset it to expand or retract it.

Rogie walks through quality of life updates for Figma Draw’s variable width stroke feature. Now you can select a width point and double click to enter a numerical value; after selecting a width point, you can go to the next one with Tab and the previous one with Shift-Tab shortcuts; with a custom width profile, you can see a preview of the shape or edit the width profile from the menu; hold Control to disable Snap to Pixel for more precision; select two width points by holding Shift and resize both together. 

In this replay from the June 4th, 2025 webinar, learn more about the latest tools that help you express more in your Figma designs. Lauren Budorick, Rogie King, and Tim Van Damme will walk through improvements to vector editing, as well as new brushes, fills, and effects.

Joey Banks shares a free lesson from his course with Dive readers on how to use Figma’s MCP Server. 

Ana Boyer: ​“Just as design systems help design and engineering teams understand brand guidelines, best practices, patterns, and code, they give AI agents the context they need to produce not just any output, but the right output. And when AI agents can build with your design context, they create a flywheel effect: AI strengthens your design system, which powers better AI code generation.”

Great analogy: ​“Asking an AI agent to generate code without design system context is like asking a new engineer to start shipping code before onboarding. It might technically work—but it won’t align with how your team actually builds.”

In response to Dann Petty, Dan Mall recorded a video showing what parts of Auto Layout he uses and what he ignores. I found it interesting because it’s so different than the way I use Auto Layout, but it works well for Dan! I use spacer frames occasionally, but never as my first choice.

The new Variables modal got search and filter capabilities and now opens edge-to-edge for better visibility.

“If a variable or style name gets cut off in the picker, you can now hover over it to see the full name.”

“We’re introducing a series of new features that remove barriers for keyboard-only designers across most Figma products. Users can now pan the canvas, insert objects, and make precise selections quickly and easily. And, with improved screen reader support, these actions are read aloud as users work, making it easier to stay oriented.”

Anthropic Product Designer Meaghan Choi and Figma Developer Advocate Akbar Mirza show how Anthropic goes from design to prototype to production with Claude Code and Figma’s Dev Mode MCP server.

A recording of office hours from May, where the Figma team walks through different layouts where the grid can be used to create rich and responsive UIs.

A new official free course for beginners: ​“This course will walk you through the entire process of creating a website design for a personal portfolio website. We’ll start by teaching you the fundamental concepts and features that Figma Design offers, and then we’ll go on a creative journey together to make a website that you can customize to make your own using some of Figma’s most exciting features.”

Ridd got an inside look at Figma Make while talking to Holly Li and Nikolas Klein about the future of prototyping. In this episode of the Dive Club podcast, they rethink what ​“high fidelity” means, explore how Make fits into the design workflow, and discuss use cases they’re most fascinated by.

Tom Johnson suggests we need to go from Canvas → Make to Make → Canvas → Make, so we could prompt the rough parts of the app and then use those scrappy elements to design all of the different canvases for the flow or feature, then feed those back into the Make workflow.

Figma launched a community for Figma Make, so now you can see what was built with this prompt-to-app tool.

Starting July 24th, Figma Make and all Figma AI features, including Code Layers, Rename Layers, Make/​Edit Image, etc., are now in general availability, and Figma Make is available for everyone to try. All plans and seat types include AI credits that are shared across all Figma AI features and products.

A few updates to Figma Make to make editing, previewing, and iterating even smoother: preview your Make across screen sizes using a new device dropdown menu and custom dimension editor; Make now saves named versions and tracks every code edit, so you can quickly review changes and restore to an earlier state at any time.

“The look and feel of FigJam’s toolbar has a refreshed look and feel, with new iconography, submenus, and a streamlined experience. The tools you use still live in the same place, but their look and feel have been refreshed to match patterns found everywhere else in Figma.”

“We’ve rolled out updates to improve how embeds work in Figma Sites. Embeds let you bring interactive content directly into your webpage — from forms to music to social media — using a simple URL.”

Christine Vallaure created a new Figma library to kickstart your project with ready-to-use customizable components, fonts, and color styles to match your brand and vision. The library works with Figma Sites, where you can drag and drop your site together and then just publish it with one click.

“Now you can add all the templates within a template set in just one click — so you can create more assets and launch your campaign even faster. Just the click ​“Add all” button at the top of the template set to insert them into your file at once.”

“In this replay of our June 12, 2025 webinar, you’ll learn more about how teams can scale on-brand assets with design templates in Figma. Our team will walk through the template workflow, and show ways they can be customized and used to bulk create content.”

Luis built an audit widget that scans your Figma library and shows components missing variables, styles, descriptions, or links. In the end, it prints a summary frame for a log.

“Mike Krieger, Chief Product Officer (CPO) of Anthropic, and Luis von Ahn, co-founder and CEO of Duolingo, are joining Figma’s board of directors. Mike and Luis are visionary leaders who have built and shaped products used by billions of people around the world every day. We’re so excited to welcome them to the Figma board.”

Fantastic resource from Mike Smith, where all of the Google Fonts that are actually good are categorized by ​“vibe”.