Live from Config 2020, here are all the new features from Figma
2020 is off to a big start. We’re kicking off with over 1000 Figma users at our very first conference, Config, in San Francisco. And this month, we’re announcing 7 new features to help designers create faster, enable product teams to collaborate as one unit, and give the entire design community more ways to share openly.
If you weren’t able to join us live at Config, you can watch (or re-watch) our product announcement below or read on for a summary of what’s new to Figma.
This year we’re focused on evolving the Figma product in three key areas:
- Creation: Build innovative features that automate repetitive design work
- Collaboration: Be inclusive of everyone that’s part of the design process
- Community: Enable the design community to share and learn from one another
And of course, none of this matters without a reliable, high-performing platform, so that’ll forever be a foundational investment.
To remove unnecessary steps, clicks, and pixel-pushes, we’re introducing new features to speed up how you work with type, color, and spacing in Figma.
🆕 Since releasing our first version of Auto Layout just a couple months ago, we’ve been hard at work making it even more powerful. Driven by user feedback, Auto Layout can now be used to make responsive components which stretch to fill their containers, in addition to buttons which resize with their text and lists which can be easily rearranged. This is especially helpful when creating designs across multiple device types.
🔜 Figma comes with 1000+ pre-installed fonts; plus you can upload any custom fonts to use and share. While lots of options are great, scrolling through an endless list of fonts is not. The redesigned Font Picker now surfaces the fonts you use most—your organization’s shared fonts and your favorites—and allows you to quickly search through the rest. It also highlights all the fonts used in your file so you can ensure consistency across your designs.
🆕 Sometimes, you need to change the color of fills, strokes, and text independently. Other times, you just want them to be the same color. Selection Colors enables you to batch update colors across fills, strokes, and text in a click.
🔜 Prototyping plays a critical role in helping you iterate on your designs faster, allowing you to test your designs and collect quick and relevant feedback. To help you create higher fidelity prototypes, we’re adding prototype interactions for new devices such as keyboards, gamepads, and accessibility controllers. With these new triggers, you can prototype your application's keyboard shortcuts, like
F, or even video game menus with gamepad directional buttons.
While shipping innovative features that boost creative productivity will always be at our core, we know that great products aren’t built alone. Working well as one product unit is critical to shipping products your customers will love. But sharing, communicating, and getting the right feedback is hard because context is so easily lost between teams, tools, and time zones.
🔜 To never lose context, you can now hyperlink any text to any page on the Web, any page within a file, or any frame in the Editor. For example, you may want to link to external resources, like a product requirements doc, or link to specific pages or frames to create a clickable table of contents that helps collaborators navigate your file.
🆕 To help connect the various tools you use throughout the design process, we’re introducing the new Plugin Inspector API. Developers can now update plugins to surface key information in the properties panel. Seeing a plugin like Notepad in the properties panel can highlight key action items. Or knowing that a plugin like Mapsicle was used to generate a map visual allows for easier updating.
🔜 Sharing your design work is key to communicating your ideas and getting buy-in, so we’ll continue to advance sharing capabilities. We’ve added a new sharing permission that lets you share a prototype without sharing the underlying design file, coming soon to the Figma Professional and Organization plans.
Lastly, we don’t want collaboration to be limited to just your team or organization. We want to enable you to share with and learn from the entire design community.
That’s why we introduced the beta of the Figma Community last October Today we’re introducing two new spaces in Figma: The Figma Community and a redesigned Figma workspace.
Beyond multiplayer: Building community together in Figma
Today we’re introducing two new spaces in Figma: The Figma Community and a redesigned Figma workspace.
Across the files published, we’ve seen useful UI resources, like Google’s Material Design UI Kit, Microsoft’s Visual Studio Code Toolkit, and Uber’s Base Gallery. But we’ve also been surprised by some incredibly creative files, like Gleb’s Pac Man game and アンドリュー’s DIY Magic: the Gathering Cards. We’ve also seen files that improve designer’s day-to-day workflow, like Ben Fryc’s Design Handoff Checklist and Ben Radcliffe’s Sticky Notes.
If you haven’t joined the beta, sign up here to publish files to your public profile and discover, duplicate, and remix any one of the 800 files now available in the Figma Community.
The new Auto Layout updates, Selection Colors, and Plugin Inspector API are available starting today. The new Font Picker, Hyperlinks, and the full roll-out of the Figma Community will be coming soon. We have so much more in store for this year. Stay tuned.
Dylan Field is the co-founder and CEO of Figma. Dylan studied computer science and mathematics at Brown University where he and his co-founder, Evan Wallace, first started experimenting with design tools built on (and for) the web. With funding from a Thiel fellowship, they began Figma. Prior to Figma, Dylan interned at O'Reilly Media, LinkedIn, and Flipboard.
Automate work. Bring in real data. Extend what’s possible with Figma Plugins.
We're excited to introduce plugins to the entire Figma community. Today, the gates are open for anyone to use plugins built by our community and build your own plugins tailored to your workflow.