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.
Test keyboard and gamepad interactions
You can now trigger prototype interactions with keyboard and gamepad button presses. Test your application’s keyboard shortcuts or video game menu navigation with a gamepad peripheral.
Design responsively with Auto Layout
Buttons can resize with their text. Lists can rearrange themselves when items are moved around. And now, components can stretch to fill their container.
Fewer clicks with Selection Colors
Quickly view all selected colors. Update any of these colors across fills, strokes, and text with a single click.
Surface plugin info in the Editor
With the new Plugin Inspector API, developers can update their Figma Plugins to display information from plugins in the properties panel. And, users can easily re-launch plugins to stay in the loop or make updates.
Test designs early and often with the Maze integration
Test your ideas with real users as you design instead of waiting to A/B test in development. Simply copy and paste your Figma prototype link into Maze to start testing.
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.
Introducing the Figma Community
Now in beta, the Figma Community is a public space where you can publish live design files and create a public profile. Anyone in the world can view your file source, remix it, and learn from your work.
A redesign of your Figma workspace
Your Figma workspace is now designed around the people in your team—making it easier for anyone to discover the most important work and projects.
Get the latest updates on Project Pages
The new Project Pages serve as your team’s project hub. You can pin files for easy access, add notes and links, and serve up context.
