Figma launches a new export tool for Figma Make and enhances the Vector Edit mode

Figma Make now lets users import styles directly from Figma Design libraries, making it easier to create prototypes and web apps with a consistent look.

To use this feature, a user with edit access first publishes the desired design library and exports it to Figma Make. During the export, Figma automatically generates a CSS file that contains all the relevant styles from the library. Then, within a Figma Make file, users can select this exported library. From there, they can immediately start generating content or choose to fine-tune the styling by editing the CSS or adding custom text-based guidelines.

It’s important to note that exporting a library is usually a one-time setup, unless the design is updated later, in which case re-exporting is necessary. Additionally, users can create custom guidelines in each Figma Make file to control exactly how the imported styles are applied. This functionality is available on all paid plans and requires a Full seat.

In addition, Figma has enhanced its Vector Edit Mode, accessible by selecting a vector layer and pressing Enter. This mode allows editing points and paths with new tools for precise adjustments. The Variable Width tool lets users vary stroke thickness along a path for more expressive lines, though it doesn’t support dynamic/dashed strokes or branched networks, which must be split first.

The Bend tool helps create smooth curves by adjusting Bézier handles, the Lasso tool allows precise point selection, and the Paint tool fills closed areas with individual colors. Users can also round corners with Corner Radius and synchronize Bézier handles’ angles and lengths for fine control.

These updates significantly boost Figma’s vector editing power, making it a versatile tool for both interface design and illustration.