Update Oct 2023

Version 3.1.0 - New variables, more colors, new pages. Check our latest updates!

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.

Variables

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

Variants

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

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.

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.

Unsplash

Insert beautiful images from Unsplash into your designs.

Eightshapes Specs

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

RemixIcon

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

Design Version

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

Quick Font replace

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

Max Line length

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

Contrast

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