June 2022 was marked by many new features for Figma. In this article, we review the main changes of the tool: widget integration, new API doc, partnership with Google, new plugins.
Figma is constantly accelerating the release of new features, updates of existing modules, development of partnerships.
Let's take a look at the Figma news for June 2022.
3 Figma plugins to test at the end of the article!
Widget integration in Figma!
Already present on FigJam since the new Config 2022, it is now the Figma files that can host widgets! The integration of widgets in Figma translates into dozens of additional features that will allow you to better collaborate, work in staggered time, connect your tools and integrate workflows from your designs.
Widgets are interactive tools that can be easily dragged and dropped onto the Figma canvas. Unlike plugins that can be used alone for a specific need, widgets have the advantage of being collaborative. You, your team, and all the people present on the file can use them to make the model evolve live.
Discover all Figma widgets
Some cool widgets that we tested and that you might find useful!
Figma Widget: Voice Memo
Leave voice messages directly on the canvas. Great for feedback and working off-line!
Figma Widget: Approve
No more green, red or orange dots on the models! Approve is a simple button with two statuses "Revision" and "Approved". Place this button near a section or a model to have it approved by your team or client. A simple click on the button allows you to switch from one status to the other. Other widgets also offer this functionality like RAG Status, Checkbox, Status.
Figma widget: Ticket concept
Connect Notion to Figma with the Notion ticket plugin! You will be able to easily add new Notion cards to your layout, integrate a description, attach a person and indicate the status. A widget that will make life easier for a lot of Notion users!
Figma widget: Simple vote
Complicated to agree or to gather all the feedbacks at the same time? Just let your team vote to decide. The Simple vote plugin is a button that you can place next to several different designs. Simply click on it to vote.
Figma Widget: Asana
Based on the same principle as Notion ticket, the Asana plugin allows you to directly connect the tool to your Figma files. Simplified functionalities will allow you to make your Asana projects evolve live from your templates: create a new task, set a deadline, tag people, manage projects, etc.
Integration of components, widgets and plugins in the toolbar
Finally no more need to go and find your plugins by right-clicking or to go to all the plugins to install new ones! Figma has almost solved an accessibility issue with this new feature. You can now find all your plugins, widgets and components from the toolbar. A new button has been added to simplify access to these features.
- Plugins side: install and launch plugins in two clicks
- Widgets side: integrate any widget by simple drag and drop
- Components side: drag and drop any component from your files
New API documentation
Figma revises its API documentation by simplifying it. The objective is to democratize its use by developers. To summarize in 3 points this redesign :
- New navigation in the doc
- More resources
- Ability to copy code easily
The Figma API is used for example to create plugins, widgets, etc.
Learn more about the Figma API
Launch of a partnership with Google
Figma aims to democratize design, especially for new generations. To do so, Figma and Google have developed this partnership directly on Chromebook. A very popular tool used by students for learning. Figma licenses will be offered for free and can be managed from Google Admin Console.
Get free access to Figma for students and teachers
New plugins
Figma Plugin: Supa Palette
The colors... A major issue for all designers! Creating an original color palette is not always an easy task. Between color harmony, accessibility, taste, etc.. difficult to make a choice.
Supa Palette is an all-in-one plugin that will help you find, create, and evolve the colors of your designs and your graphic charter. The tool offers many features to meet various needs:
- 8 color modes (RGB, LRGB, HSL, HSV, etc.)
- WCAG and APCA accessibility testing
- Color palette generator
- Color system
- etc.
Figma Plugin: Perspective Toolkit
Give perspective to your Figma elements with this plugin! Figma in 3D, it's finally possible.
Figma Plugin : Illustrations
More than 120 illustrations in SVG format to integrate for free on your Figma models!