What's new from Config 2024
Config is Figma’s annual design conference for people who build products, where we bring the community together for two days of exciting feature launches and talks from industry professionals.
In this article, we’ll walk you through each feature we announced at Config 2024. Some of these features are in beta, so we’ll indicate their availability and keep this article up to date if there are any changes.
Are you an admin for a team or organization? Check out the admin’s guide to Config 2024 →
Use AI in Figma Design
Figma AI is free while in beta, but usage limits may apply. Once AI features leave beta, they will become a paid feature. We'll notify you before that happens.
Your creativity is unblocked with Figma AI. Go from first draft to final product faster, find what you’re looking for, and stay in the flow.
Use AI tools in Figma to:
- First Draft: Transform ideas into editable designs in a couple of minutes. This helps you explore a wider range of design possibilities and iterations quickly, and reduces the amount of effort needed to manually create early explorations from scratch.
- Visual Search and Asset Search: Use images and designs to search for similar designs and components made by your team or organization. Find the components you need from the Assets tab without having to memorize their names.
- Rename Layers: Organize your file by giving all your layers meaningful names with a click.
- Make Prototypes: Quickly turn your mocks into an interactive prototype.
- Rewrite Text: Rewrite text for a different tone, translate text to another language, and shorten text to fit your designs.
- Generate Images and Remove Backgrounds: Generate and edit unique images using a written prompt. Remove an image’s background to isolate the main subject.
When it comes to building AI, we want to be transparent about what we’re doing and what it means for you. Learn about Figma's approach to AI →
A new view into Dev Mode
The following Dev Mode features are available now, but may be limited by plan or seat. Click the link for each feature below to learn more.
To help teams ship better products efficiently, we’re evolving Figma Design and Dev Mode to support the needs of both design and development. Designers maintain the freedom to explore ideas and iterate quickly, while developers have more clarity and guidance on what’s ready to build, what’s changed in a file, and how to build it.
Improve your handoff process with Dev Mode features like:
- Status Updates: Designs can now be assigned a progress status, and teammates can get notified of changes. Handoff between designers and developers happens multiple times throughout a project, making it important to communicate when a feature is ready to be built.
- Ready for Dev View: Ready for Dev View helps developers quickly find everything that is ready to be built in one place.
- Focus View: Show only the design you’re inspecting while hiding other designs to minimizes on-canvas distractions.
- Code Connect: Code Connect is officially out of beta! Code Connect is a tool for design systems and engineering teams to bring component code into Dev Mode. When inspecting a component with connected code snippets, developers will see design system code from their libraries instead of auto-generated code.
Present your ideas with Figma Slides
Figma Slides is in open beta and available to everyone.
While in beta, Figma Slides is free. In early 2025, Figma Slides will be available on free and paid plans, starting at $3 or $5 per user/month depending on your plan. We'll let you know in advance when that's happening.
Figma Slides is the first presentation tool built for designers and teammates. Figma Slides pairs the power and precision of Figma Design with easy-to-use presentation tools to bring your narrative to life and drive alignment.
With Figma Slides, you can:
- Choose from flexible templates to create powerful presentations for any audience
- Use multiplayer and collaboration features to co-create decks, and present together with shared presenter notes and co-presenting controls
- Create live slides with polls, alignment scales, and voting to capture stakeholder feedback and driving decision-making
- Customize your slide deck designs using the Figma Design tools you already know and love
A fresh look for Figma Design
Figma's redesign, also called UI3, is currently in beta. Learn how to get access to UI3 →
We’ve redesigned Figma for ease, ergonomics for your workflow, and consistency across Figma products. Starting with a more approachable interface and new ways to find your favorite tools, our goal is for Figma to continue to be how you bring your imagination to reality. And this is just the beginning.
Navigate the new Figma Design UI →
Design with more ease
The following updates are available in Figma Design to everyone.
From responsive prototyping and a more intuitive Auto Layout, to getting started with UI Kits in the asset tab, your favorite features in Figma now work the way you’d want them to.
UI Kits
We’ve brought Apple Design Resources, Google Material Design, and Figma Design systems straight to your assets tab, so you can start designing without needing a design system of your own. With these high-quality components, styles, and variables, you’ll be able to bring your ideas to life and share them with others in no time.
Start designing with UI Kits →
Auto Layout improvements
Let Auto Layout work harder for you with new capabilities and more intuitive interactions.
- Apply Auto Layout to nested frames: Use Suggest Auto Layout to automatically apply Auto Layout frames to multiple nested frames at once with ⌃ Control ⇧ Shift A or ⌃ Control Alt ⇧ Shift A .
- Ignore Auto Layout (formerly absolute position): Hold ⌃ Control while dragging an object into an auto layout frame to set it to absolute position.
- On-canvas alignment preview: When you hover over fill container, fixed width, or hug content options from alignment dropdown, lines will appear on the canvas to indicate how the bounding box of design will change.
- Reordering objects in an auto layout frame is smoother and more intuitive.
- When you add Auto Layout, the frame’s child objects will be set to space-between instead of fixed width. If you resize a child objects to fit the full width of the parent, they will be set to fill container.
Check out the keynote from Config to see demos of Auto Layout updates!
Responsive Prototype Viewer
Experience your designs on any screen size with a new prototype viewer experience that responsively resizes according to on constraints and auto layout settings. The Responsive setting is available in both prototyping views (Present and Preview) and on the Figma mobile app.
- Set a prototype to responsive from your computer →
- Set a prototype to responsive on your mobile device →
Pages in FigJam
Pages in FigJam is available to everyone.
You can now create multiple pages in FigJam, giving you more space to explore, and an extra layer of organization within your files. You can even create dividers to keep your Pages organized.
Use Pages to:
- Create individual spaces for activities between working groups or individuals
- Organize recurring meetings held in FigJam between pages to reduce board sizes and loading times
- Separate work streams between pages
Learn how to add pages in FigJam →
Watch all of Config 2024
If you weren't able to make it live, check out the keynote from Config 2024 and catch up on the recordings on our YouTube channel. We’ll be posting more videos in the coming week, so be sure to subscribe to stay up to date!