Dev Mode

Why devs should play an active role in design

November 19, 2024

Nicholas Villapiano

Advocating for Dev Mode changed my team’s workflow. Here’s how you can do the same.

Working Well Engineering Collaboration

A year with Dev Mode: 10 lessons from an engineering manager

August 21, 2024

Laurent Thiebault

After integrating Dev Mode into our design system workflow, I’ve gathered several insights to help teams navigate this powerful tool. Here are my top takeaways.

Working Well Design systems Engineering

How Crunchyroll clarified confusing workflows with Dev Mode

August 20, 2024

Jenny Xie

The anime streaming service supports 15 platforms, from the web browser to game consoles, and is available in 12 languages—all of which spell complexity for the design team. Here’s how they deliver a consistent experience across touchpoints.

Working Well Design systems Design

How HP powers up design handoff with Dev Mode

July 30, 2024

Annie Berrones

HP’s design system team reveals how they used Figma to streamline processes, break down silos, and save developers time.

Working Well Design systems Case study

Unlocking the power of Code Connect: Best practices for design systems teams

May 22, 2024

Annie Berrones

Design system leads and developers at Bumble, GitHub, and HP share how they’re leveraging the new Dev Mode feature to bridge the gap between design and code.

Working Well Design systems Engineering

Everything you need to know about Dev Mode

January 31, 2024

Figma

We built Dev Mode to make product development more efficient, from idea to code. Today, Dev Mode moves out of beta. Learn more about our product philosophy, how we’re improving the experience for developers and designers, and what’s next.

Inside Figma Product updates Engineering

The art and science of annotations in Dev Mode

January 31, 2024

Oscar Nilsson

Product Designer Oscar Nilsson explains how we’re streamlining designer-developer collaboration with annotations in Dev mode.

Inside Figma Product updates Behind the scenes

What’s next for Dev Mode: annotations, compare changes, plugins, and more

January 25, 2024

Avantika Gomes

Today, we’re introducing annotations to Dev Mode, along with improvements to compare changes, plugins, and the Figma for VS Code extension. Dev Mode will move out of free beta on January 31.

Inside Figma Engineering Product updates

Dev Mode: Building a design tool that works harder for developers

November 22, 2023

Alia Fite

How do you create a home for developers in a design tool? The Dev Mode team shares their early pivot away from a codegen-first approach, the acquisition that accelerated their efforts, and what it means to break down the handoff wall.

Inside Figma Behind the scenes Product management

Illustration showing facets of the Dev Mode toggle button

Dev Mode fast follows: 200+ new features and fixes

August 22, 2023

Emily Brody

After two months of open beta, we’ve shipped more than 200 of the most-wanted updates to our Dev Mode workspace.

Inside Figma Product updates Quality & performance

An abstracted Figma file with a toggle for developers to turn on Dev Mode

Making Figma better for developers with Dev Mode

June 21, 2023

Kris Rasmussen

How can a design tool work better for developers? It’s a question we’ve been asking ourselves and our community. Today, we’re excited to introduce Dev Mode, a new workspace in Figma that’s designed to get developers what they need, when they need it, harnessing the tools they use every day.

Inside Figma Product updates Config

Featured Topics

News

Design systems

Explore topics