Figma

What’s new in Figma: June 2022

This month, we’re focused on extensibility—from new ways to power up your design workflows, to a partnership with Google Chromebooks that brings Figma and FigJam to high school students. Designers, developers, and now more students will be able to design, build, and learn however works best for them. Read on to learn more.

Do more together with widgets in Figma

Our community has pushed the boundaries of what’s possible in Figma, from creating plugins that connect workflows, to bringing in real data, and automating design processes.

Today, we're extending the power of our platform even further by introducing widgets to Figma. Widgets are interactive objects that live on the Figma canvas. Unlike plugins, which are best for single-player automation use cases, you and your teammates can interact with widgets together, just like you already do in FigJam. Whether it's voting and polls or time trackers and annotation, widgets allow you to work more dynamically, together.

A cursor hovering over a button that says "Create new task," with another cursor reacting with an emoji

Check out some of our favorite new Figma widgets:

  • Asana: Discuss and update tasks as a team, then add next steps to Asana without leaving Figma
  • Jira: Move from design to development by creating production tasks from the Figma canvas
  • RAG Status by Edward Battistini: Indicate the status of your designs with a simple red, yellow, or green traffic light
  • Navigate by Emin Sinani: Guide stakeholders through your designs with navigation buttons

Explore more widgets in Figma.

Extend what’s possible in Figma—faster

Making Figma better isn’t just about expanding the toolkit; it’s also about making those tools easy to find. That's why we've made Figma resources more discoverable in the editor. Prior to this update, it was challenging for new users to find all the extensions that are available to them, or to see what was available in the Figma Community. Now, it's possible to search and install plugins and widgets directly from the Figma toolbar. We've also updated how you can try out extensions in the Figma Community.

Explore the Figma Community.

Start building with our new API documentation

Simplifying how you build on top of Figma is core to making Figma extensible. Developers can find the information they’re looking for with our newly redesigned API documentation. Changes include:

  • A new navigation experience
  • Improved resource organization
  • Code blocks that you can copy
  • New code samples and guides
A screenshot of API documentation with a header stating "Prerequisites," and a code block below.

Check out the new developer docs.

Empowering the next generation of designers

Making Figma accessible to all means empowering everyone to design and build, whether they're seasoned designers or just getting started. To that end, we launched a first-of-its-kind partnership with Google for Education to bring Figma and FigJam directly to Chromebooks, the most popular personal computing device for students. This partnership will allow school districts to deploy and manage Figma Organization licenses from Google Admin Console for free, giving tens of millions of US students the opportunity to access industry-standard design tools on their personal school devices. Schools can now apply to participate in the beta, starting this summer.

Learn more about Figma for Education.

New and noteworthy from the community

Check out some new plugins, widgets, files, and partner integrations:

  • Anima: Bring live UI components into Figma, from the same open-source React libraries developers use in production
  • SupaPalette by Angelo Libero: Create beautiful, harmonious, and accessible-first palettes or export them for the most popular web frameworks and formats
  • 3dicons by Vijay Verma: Use 1,400+ beautifully crafted open-source 3D icons created in Blender and made available to the public for free

Jump-start planning with templates in FigJam

Building great products starts with a planning process that leads to consensus, not chaos. We’ve put together five new FigJam templates that are tried and tested by our very own product, design, and engineering teams.

A cursor hovers over three digital stickies, and says, "Let's do this!!!"

Learn more about planning in FigJam.

For even more detailed announcements, be sure to check out the release notes and follow along on Twitter.