Keep on flexin’
Auto Layout is getting more flexible and has a fresh new look. Stretch in any direction, control padding independently, and distribute objects evenly—all in an easier to use interface.
Bridge design and code with Variants
Organize your design system with Variants so even the most complex components are structured intuitively. Combine variations of the same component and simplify your asset library.
Get the specs you need to code with the new Inspect Tab
Meet the redesigned Inspect Tab (previously called the Code panel). With new sections for Typography, Color, Borders, and more, simply click to copy the specs you need for code.
Breeze through components with the Instance Swap Menu
Fly through the new UI with keyboard shortcuts, easily spot the right instance with thumbnails, or quickly search for something specific.
Explore thousands of design systems, wireframes, illustrations, and more
The Figma Community is rolling out to all users over the next two weeks, giving you access to a world of templates, example work, reusable assets, and even board games.
Show multiple ways to interact with objects
Let users experience your designs by linking multiple interactions to a single object.
Make your transitions pop
Add dynamic animation to your prototypes with customized easing curves.
Spread your shadows
Adjust the positive or negative spread of your shadows to create depth, glows, and borders. All seamlessly output to code.
Embed any Figma file in your team’s favorite tools
Embedded design files streamline project communication, simplify handoff, and eliminate the overhead that comes with finding and maintaining the latest designs.
Seamlessly test websites and web apps
To avoid user confusion when testing websites and web apps, you can now turn off the Figma toolbar and footer in Presentation View without going full screen. A URL parameter keeps the toolbar and footer hidden in embeds too.
Bridge design and development with the new Zeplin integration
With the new Zeplin plugin, you can now export Figma frames, components, and styles to Zeplin for a more seamless developer hand-off.
Less time searching, more time making
Universal Search makes it easier for designers and their collaborators to find what they’re looking for in Figma. You can now search your workspace for projects, teams, files, and people.
Better navigation and added context with Links
Link to external product docs to provide your teammates with additional context. And, include links to pages and frames to guide them through your work.
Design and prototype seamlessly with Figma and Framer
If you love both Figma and Framer, your workflow just got more seamless. The new Framer integration enables design teams to import Figma files into Framer Web for more advanced prototyping.
New tricks for Selection Colors
Use the target icon to select a color’s objects and make adjustments to just those objects. Hit the Styles icon to create a new Style with a selected color, or apply an existing Style.
Share your prototypes safely
Sometimes you want to share a prototype, without sharing the associated design files. Now you can, with a new prototype sharing permission, available on the Pro and Org plans.
Better design systems backed by data
Figma is taking the guesswork out of design systems with analytics to help you understand library usage, learn what’s working and what’s not, and measure the impact of design.
