# @figma on YouTube

- **Type:** Video
- **Original URL:** https://youtube.com/watch?v=VcOJ2V1-2Io
- **Gondola URL:** https://gondola.cc/posts/73337116-figma-youtube
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/ad358f912f.jpg
- **Posted:** 2024-03-08T01:05:11.000+00:00
- **Account Owner:** Figma (@figma) — https://gondola.cc/figma

## Caption

Find out how Dev Mode can alignment development teams with design, help you ensure product consistency and increase developer efficiency.

0:00 - Introduction - Alignment between design and dev
0:31 - Why we built Dev Mode
1:00 - Alignment with the design team
2:25 - Understanding and inspecting designs
3:13 - Inspecting layout
3:53 - Inspecting color, typography, and exporting assets
4:29 - Viewing prototypes, seeing the design in action
4:55 - Seeing where design changes have been made
5:28 - Product consistency and reusable patterns
6:42 - Developer efficiency
6:50 - Code generation and extensibility
7:22 - Productivity plugins and integrations
7:47 - Using Dev Mode within VS Code
8:03 - Thanks for watching


Figma is free to use. Sign up here: https://bit.ly/3msp0OV

____________________________________________________

Find us on ⬇️
X (formerly Twitter): https://twitter.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
Figma forum: https://forum.figma.com/

____________________________________________________


#Figma #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #DevMode #Handoff #Frontend

## Stats

- **Views:** 28,369
- **Likes:** 434
- **Shares:** 0
- **Comments:** 0

## Tags

tutorial, designsystems, design, figma, nothinggreatismadealone, handoff, frontend, devmode, tips

---
Copyright (c) Gondola