With our new prototype action, scroll to a selected object or layer in the same top-level frame. Use same screen interactions to help users easily explore landing pages, carousels, and more.
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.
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.
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.
Fly through the new UI with keyboard shortcuts, easily spot the right instance with thumbnails, or quickly search for something specific.
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.
Let users experience your designs by linking multiple interactions to a single object.
Add dynamic animation to your prototypes with customized easing curves.
Adjust the positive or negative spread of your shadows to create depth, glows, and borders. All seamlessly output to code.
Embedded design files streamline project communication, simplify handoff, and eliminate the overhead that comes with finding and maintaining the latest designs.
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.
With the new Zeplin plugin, you can now export Figma frames, components, and styles to Zeplin for a more seamless developer hand-off.
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.
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.
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.
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.
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.
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.