Badge Webflow Award Winner 2023

The 32 new features of Figma in March 2023

Discover the 32 new updates of Figma!

Published on 
10/4/2023
-
Amended on 
10/4/2023
-
5 min
Figma logo with black title on white background

Figma is a UX/UI design tool design tool that has become very popular in recent years due to its flexibility, real-time collaboration and ease of use. This platform is constantly evolving to meet the needs of designers and users. In this article, we walk through the 32 new features that were added to Figma in March 2023, from blending mode previews to creating multiple prototyping animations. Whether you're a beginner or an experienced designer, each of these tips will surely be useful for your next projects. 

1. Previewing layer blends on the canvas

2 mountain images with figma image editing feature

Get a real-time preview of blending modes and layers by hovering your mouse. This feature allows designers to quickly visualize the different layer blending modes, blending options and transparency effects, directly on the Figma canvas, without having to test them one by one. A feature that will help designers save time in retouching their images.

2. Luminance mask is now supported

two overlapping mountain images on figma with mask functionality

Luminance masking is a masking technique that allows you to reveal or hide certain parts of an image or layer based on the brightness of the image. This feature is particularly useful for designers working on complex images or illustrations.

3. Multi-selection during a search with the possibility to replace / modify

several mountain images selected on Figma with retouching features

This feature allows designers to select and edit multiple items at once, from the search bar, which can be very useful for content update or editing tasks.

  • Access the search bar: Cmd + F
  • Multiple selection : Shift + Click

4. Reduction of the height of the text boxes in relation to the baseline

Title Digidop written with block alignment feature at the base of the text on figma

This feature can help designers create more balanced layouts by reducing the height of text boxes and aligning them more easily with other elements on the page.

5. Lists of numbers no longer have to start with "1".

Text paragraph on figma with number list functionality

It is now possible to customize numbered lists and add custom prefixes, which can be useful for designers working with task lists, product catalogs or price lists.

6. Placement of punctuation outside the text area

Paragraph in Lorem Ispum on figma with punctuation functionality outside the text area

When writing text in Figma, you can now place punctuation, such as quotation marks and parentheses, outside the text area. This feature allows you to control the spacing between text and punctuation and can help improve the readability of your designs.

7. Searching for files in the new tabs of the Figma app

New Figma file with file search bar circled in yellow

When you open a new tab in Figma on your desktop, you can now easily search for a specific file using the search bar. This feature improves navigation and productivity by providing quick access to the files you want.

8. Overview of the files on the tabs

File preview on figma

You can now preview your files in your desktop tabs by hovering over the file icons. This feature improves navigation and productivity by making it faster to find the files you need.

9. New trackpad animations in the FigJam application

The Figma application now supports the new trackpad haptics. These vibrations help you feel the interactions you make with your mouse or trackpad when using the application.

10. Formatting of comments

Formatted comments feature on figma

You can now bold, italicize and add links to your comments in Figma. This feature allows you to better organize and highlight the important information you share with your team.

11. Consolidated notifications for comments

Figma feedback report sent by email

When working on files with others in Figma, you can now receive consolidated comment notifications via email. This feature allows you to stay informed of relevant comments without being overwhelmed by unnecessary notifications.

12. Move projects to other teams

functionality to move projects on Figma

Right click on one of your Figma projects to quickly move it to another Figma team. This feature allows you to better reorganize and transfer your files according to their evolution.

13. Features of the component properties enabled by default

Some component property features, such as exposed nested instances, are now enabled by default for everyone in Figma. This enhancement makes it easier to create designs and saves time by not having to manually configure each feature.

14. Preferred component properties enabled by default

Favorite instance functionality on figma

Other component properties, such as privileged instances, are also now enabled by default for everyone. This allows you to decide what the default properties of the instances used on the project will be, rather than having to re-set them each time.

15. Improved image resizing

Simplified image resizing feature on figma

When you resize an image, it will fit when the aspect ratio is perfect. You can also hold down the Ctrl key to temporarily disable any snapping. This way you can easily return to the original image size.

16. Selective filling replacement

Fill replacement functionality on Figma

You can now select a specific fill layer to paste and replace it with images or videos without overwriting all the fills. This preserves all other layers and effects added to that image.

17. Simplified image re-alignment

Image realignment feature on figma

You can now realign images with the designer's alignment options. This feature is available even in edit mode. It makes it easier to position images within a frame.

18. Simplified alignment of instances

Easily align non-instance layers to nested instances.

19. Quick removal of rules and guides

Right-click on the rulers to quickly remove them and all vertical guides.

20. Update of the libraries

You can now apply library updates to a single instance or style. You can preview library updates.

21. Enhanced SVG import

SVG import has been improved, including support for clip paths and fixing the problem of extra path segments.

22. Fetch API for plugins

Use the Fetch API for your plugin to simplify network requests.

23. Easy creation of images for plugins :

Use the createImageAsync API for your plugin to easily create images.

24. Enhanced Photobooth widget

Photo of Thomas from Digidop on Figma taken by the widget Photoboothe

The Photobooth widget now displays a mirror image.

25. Transparency fill option on FigJam

Colored circles with transparency on FigJam

There is now a transparent fill option for FigJam shapes.

26. Default color of FigJam shapes

Yellow circle selected by default on figjam

You can set the default color of FigJam shapes from the toolbar.

27. Animation effects to differentiate stickies and FigJam shapes

We added some animation effects to differentiate FigJam stickies from shapes.

28. Sticky animation at the top of the elements when scrolling

Sticky animation feature for figma prototype

Elements can now be pasted at the top when scrolling vertically in the prototyping.

29. Preview in Frame archives

Macintosh 128k on figma with findclimate site

Archived images are now selectable in the prototyping settings.

30. Improved display of blur effects

Background blur effects on overlay frames are now displayed correctly in prototypes.

31. Prototyping links in the same tab

Prototyping links (i.e. from other pages) can now be opened in the same tab.

32. Create multiple prototyping interactions at once

No need to create interactions one by one for prototypes, it is now possible to create several interactions at once.

Ready to take your website to the next level?

Improve your online visibility thanks to Digidop's experience, excellence and reactivity!

Stay in touch with Digidop news!