Prototyping

The making of the Figma Pattern Library

UI3 prompted us to rebuild our own design system from the ground up. Here’s how designers and engineers came together to create a new foundation for building consistent, accessible products.

Inside Figma Design systems Behind the scenes

A collage of images, maps, text, and graphics from archival NPS brochures on a black grid

Made in Figma: The National Park Service goes from paper to pixels

Jenny Xie

How do you design an app for 431 diverse national parks and monuments? By taking a page from iconic NPS park brochures. Learn how a small team adapted Massimo Vignelli’s seminal design system for a digital interface.

Maker Stories Brainstorming Design systems

Meet Figma AI: Empowering designers with intelligent tools

Kris Rasmussen

We’re introducing a suite of AI-powered features to help you push past creative blocks and bring your best ideas to life.

Inside Figma Config AI

What we launched at Framework

Jacob Miller

We announced Code Connect for developers, typography and gradient variables, and our Library Analytics API to help you drive design system adoption across your entire organization.

Inside Figma Design systems Product updates

23 prototyping resources to bookmark right now

Ana Boyer

A powerful tool at every stage of product development, prototyping can take many different forms. These resources will help you level up your process, whether you’re new to prototyping or ready to dive deeper.

Working Well Prototyping Tips & inspiration

An illustration featuring two individuals within a gallery-like setting, where concentric frames resembling digital devices such as a tablet are displayed on the wall. The innermost frame glows in a bright yellow, catching the attention of the figure on the left who is studying it with a tablet in hand, while the second figure walks past.

Behind the feature: Inline device frames

Chia Amisola,

Jediah Katz

We’re making it easier for you to bring your designs to life across mobile, tablet, and watch interfaces with a series of prototyping updates.

Inside Figma Prototyping Behind the scenes

How to plug in and power up your designer-developer handoff with Figma and Jira

Herbert Lui

Product development teams from Ingka Group, One.com, and Condé Nast share the tools and tips for achieving that elusive design-development flow state.

Inside Figma Engineering Design

Why cultivating a prototyping culture will help you build better products

Nikolas Klein,

Garrett Miller

Prototyping, once an eleventh-hour nice-to-have, has risen to become a critical tool at multiple points in the product development workflow.

Working Well Prototyping Design systems

All your questions about variables answered (and a few you didn’t even know you had)

Jacob Miller

Our latest updates to variables bring design and code even closer, and an unprecedented level of customizability to your designs. Product Manager Jacob Miller unpacks the new features and answers your questions.

Inside Figma Design systems Prototyping

Three Creator Fund projects to know and love

Jenny Xie

Our grant program empowers the community to make free resources for all. From a kit for building immersive environments, to a design-to-code plugin, to a text animator, these tools have helped nearly a million people create in Figma.

Inside Figma Behind the scenes Collaboration

The Figma prototype challenge: 15 tips in 15 days

Ana Boyer

One of our Designer Advocates recently kicked off a two-week prototyping challenge to help teach the community about advanced prototyping techniques in Figma. Check out all of Ana’s 15 tips here.

Inside Figma Design News