Automate the process of extracting design tokens directly from your Figma components — including colors, typography, spacing, borders, and effects.

This year’s Make-a-thon winners offer insights on how to prototype smarter, structure products better, and push Figma Make further.

By thoughtfully organizing your work, you can help your developer counterparts build more efficiently and accurately.

A nice little experiment that might inspire other ideas.

Scan as you design, catch contrast and sizing issues, set focus order, add ARIA, then export clean specs and code for a smoother handoff.

See what people have been building with Figma's prompt-to-app tool.

Get a high-level summary of your component library across all pages, and print it on the canvas with a timestamp for versioning.

Add motion to your static Figma designs with one click.

48 dark and light gradients for banner backgrounds and more—generated with Midjourney.

The subtle ways in which design tools shape how we think and what we make.

Create precise circular array patterns in Figma.

AI user test before sharing with humans. Justify your earliest designs with heat-maps, duration, drop offs and miss clicks. Grab 50% off.

Create stunning liquid metal effects for any shape, text, or logo.

Manipulate images in Figma with many different color adjustments and filters.

Import Photoshop files into Figma with drag-and-drop—fully editable with layers, masks, effects, and pixel-perfect, just like you designed it.

Apply dithering effect for any images: fine-tune details, add noise, adjust brightness, and enhance glow.

Why you must understand CSS Grid as a designer.

Import Photoshop files into Figma with drag-and-drop—fully editable with layers, masks, effects, and pixel-perfect, just like you designed it.

A comprehensive introduction to the design system, with styles and components to help you get started.

Here’s what happens when design tools grow up—and grow corporate.