Update

Introducing Version 3.0.0 🚀 - Experience our new design with online documentation, the latest Figma features, and much more!

Figma

Figma's collaborative features, component-based design, interactive prototyping, developer handoff capabilities, version history, and extensibility make it a robust choice for creating and maintaining design systems.

Figma logo

Table of contents

Features

Figma continues to evolve with new features, making the daily lives of designers easier. Here are some of the latest and most valuable features that will greatly assist you on your journey of building your design system.

Auto layout

Lets you create designs that grow to fill or shrink to fit, and reflow as their contents change.

Learn more

Variables

Variables are stored values that represent design attributes or saved states.

Learn more

Variants

Variants allow you to group and organize similar components into a single container.

Learn more

Dev Mode

Dev Mode is like a browser inspector for your design file—simply hover and click objects to get details like measurements, specs, and style.

Learn more

Plugins

Plugins are third-party scripts or applications that extend the functionality of Figma design and FigJam. Use plugins to customize your experience or create more efficient workflows in Figma design or FigJam files

Propstar

Generate all possible instances for your components, including every combination of variants.

Plugin page

Unsplash

Insert beautiful images from Unsplash into your designs.

Plugin page

Eightshapes Specs

Automate component design specifications (“specs”) of selected components, instances and frames.

Plugin page

RemixIcon

Remix Icon is a set of open-source neutral-style system symbols for designers and developers.

Plugin page

Design Version

Creates a page with the changes you made and generates a version number so you can identify it.

Plugin page

Quick Font replace

Very useful plugin that quickly replace a font family with another.

Plugin page

Max Line length

Counts the maximum number of characters across all lines in a text box.

Plugin page

Contrast

Check the contrast ratios of colors as you work along with passing and failing levels from the Web Content Accessibility Guidelines (WCAG).

Plugin page