Config 2025: Pushing design further

In the ten years since launching Figma, our definition of design has expanded. With each new product or feature, we ask ourselves how we can give you better tools and pathways to bring your designs to life. Often, our answers come directly from you. Whether it's the quality-of-life improvements that streamline your daily work or the products and features that expand your capabilities, what you build and how you design continually inspire us to make Figma a single source of truth for product teams.

But design is more than just pushing pixels. Design is about solving problems artfully; it's caring about form and function, and it's about the drive to make what you imagine real. In a world where AI makes it easier than ever to build software, design will become more essential and powerful. It's craft, quality, and point of view that make a product stand out.

This next generation of era-defining technology won't be designed by accident—it will be built and designed by you. We want Figma to be by your side every step of the way—so you can push what’s possible and help you bring your designs from idea all the way to production.

Figma Make: Design, prompt, validate—all in Figma

The line between design and production has always been artificial—a boundary created by tools, not by the requirements of the creative process itself. The most innovative teams have always found ways to bridge this gap, but doing so has required specialized knowledge and complex workflows.

This is where we see a huge opportunity for Figma Make, our new prompt-to-code capability that lets you take an existing design and prompt your way to a fully coded prototype. Through simple natural language prompts, Figma Make can transform designs into interactive experiences that maintain your designs intent and fidelity.

We're building Figma Make around the principle that design requires going wide and deep. Where rapid exploration is often limited by time and resource constraints—not to mention the challenge of low-fidelity results—Figma Make offers multiple points of entry. You can prompt with a phrase or a Figma file. You can iterate with precision by highlighting a specific part of a prototype, and then use natural language instructions to modify that selected area. It's like being able to point at a specific part of a webpage and say “add a button here that says publish.”

A static design can only convey so much, making it hard to get everyone aligned or assess feasibility. Because Figma Make is embedded within the Figma platform and collaborative by default, it serves as a powerful all-in-one tool that designers and product teams can use to define, iterate, and polish ideas from start to finish—all within a single source of truth.

We will continue to roll out more capabilities with Figma Make in the coming weeks and months, aiming to give designers increased control and specificity.

Learn more about Figma Make here.

Figma Sites: Design all the way to production

For years our community has said how great it'd be to simply click “publish” and transform their Figma designs and prototypes into functioning websites and applications. Not only would this achieve what is often a "final step" in the product development process, it would also support teams through the many twists and turns in their product development journeys. With Figma Sites, teams can now take their designs over the finish line by publishing designs directly to the web with a single click.

From responsive layouts that adapt seamlessly to any screen size to interactive components and intuitive prototyping tools, Figma Sites lets you create dynamic web experiences without having to leave the Figma platform. Soon, you will be able to elevate your designs with custom code interactions and animations, and when you select a frame and click "create code from design," you can use our new AI prompt-to-code capability Figma Make to generate animations and interactions for your site. The upcoming content management system (CMS) will make it easy for anyone to update website content on the fly.

Learn more about Figma Sites here.

Grid: Seamlessly shift from freeform to structured designs 

While Figma Make and Figma Sites help close the gaps in pushing design to production, we know that Grid—our new Auto layout option in the Figma design panel—will be a huge accelerant in this process.

Grids have been fundamental to design since the earliest printing presses, providing alignment for text and graphics. The evolution from Bauhaus grid theory (which established grids as tools for structure and visual organization) to modern web layout paradigms like CSS Grid and Flexbox demonstrates their enduring importance. Today's grid systems offer unprecedented flexibility and control—essentially providing a systematic framework that both constrains and enables creativity.

While grids are an essential part of any product designer's toolkit, we know that they have been difficult to implement properly and responsively in Figma, leading designers to create workarounds and complex nested Auto layout frames. That's why we've reimagined the experience with Grid, giving you flexible layouts with enhanced control and responsiveness. Designers can span elements across multiple cells, watching layouts adjust in real time as frames are resized. With precise track sizing control, element layering without frame complexity, and direct translation of CSS in Dev Mode, Grid streamlines the design-to-production process while maintaining all the requirements of modern responsive design.

Slide 1 of 51 / 5

Grid panel

Dev Mode in Grid

Drag & drop in Grid

Grid example layout

Grid example layout

Figma Draw: Bring unbounded expression and texture into vector layers

Part of the magic of working in Figma is the ability to move seamlessly between free-form creation and structured layouts, like with Grids. When we started Figma, we challenged existing conventions with vector networks, reimagining how designers draw paths. Over time, we recognized the need to evolve this foundation, especially as the visual expression of your brand becomes increasingly critical in product and web experiences.

Today, we're making a significant investment in expanding visual capabilities within the Figma editor. We've completely rewritten our vector editing functionality, addressing long-standing issues with boolean operations, flattening, and stroke outlining. We're excited to introduce Figma Draw—a set of tools optimized for visual design and free-form creation.

You'll immediately notice Figma Draw's focused interface: larger layer thumbnails, new specialized tools, and prominent slider controls. Controls previously hidden in fly-out panels are now directly accessible in the properties panel. Vector editing has been transformed—you can now select multiple vectors simultaneously, edit them together, and access common actions through a new selection menu above the toolbelt. We've completely rewritten boolean operations to provide a smoother experience, while features like Multi-Select Across Vectors and Shape Builder simplify complex shape creation. Creative possibilities expand with Dynamic strokes, Variable stroke width, Text on a path, Texture and Noise effects, Progressive blur, Pattern fills, and Rotation origin. For adaptive designs, color variables from your design system can be applied to illustrations, ensuring they respond beautifully to light or dark modes.

We believe illustrative elements are an essential part of design, and these new tools remove barriers between your ideas and their expression. We can't wait to see what you create with these new possibilities for visual expression in Figma.

Slide 1 of 81 / 8

Toolbar in Figma Draw

Design in Figma Draw

Blur and noise in Figma Draw

Path and texture in Figma Draw

Design in Figma Draw

Design in Figma Draw

Texture in Figma Draw

Radial repeat in Figma Draw

Learn more about Figma Draw here.

Figma Buzz: Design excellence in any format

While Figma has become the source of truth for design and product development, we recognize that many of you design far beyond websites and applications. Our own Brand Studio at Figma designs everything from social media assets to event materials and merchandise in Figma—and we know many of you do, too. Yet Figma wasn't specifically built for these artifacts or the teams creating them.

This is why we are so excited to introduce Figma Buzz, a dedicated space where your entire team can create the assets they need, when they need them, with your design expertise as the engine. With Figma Buzz, your teams can maintain perfect brand consistency while producing any type of artifact, from social media assets to event materials, all using customizable templates and focused editing experiences. The intuitive grid view and bulk creation tools streamline workflows, while export options and our new Content seat extends these capabilities to everyone who needs them, regardless of their design expertise.

Learn more about Figma Buzz here.

We want Figma to be a space where you can prototype, fine-tune, iterate, and ideate—all the way to the finish line—all in one place. From bringing code directly into the canvas and publishing to the web with Figma Make and Figma Sites, to reimagining fundamental design tools with Grid and Figma Draw, to expanding creative possibilities with Figma Buzz—we want to help you push what’s possible from idea all the way to production.