top of page

Videos

Figma

View Tool Page

Figma

Graphic Design Tools

In this YouTube video, we explore Figma's Dev Mode and how it can enhance design-to-development workflows. We cover the basics of inspecting designs, marking them ready for development, and viewing padding, margin, and other properties. We also dive into more advanced features like adding dev resources, working with variables for colors and sizing, and utilizing measurements. Additionally, we showcase the coolest features, including annotations, comparing changes, the component playground, plugins, and VS code integration.... Remember to Subscribe https://goo.gl/6vCw64

Try for FREE: https://www.figma.com/dev-mode/
Learn more: https://www.figma.com/blog/everything-you-need-to-know-about-dev-mode/

------------------------------------------------------------------------------------
๐Ÿค //////////// Become a UI Designer in 30 Days:
http://30dayui.com

๐Ÿ† //////////// Join my free member's community to get access to perks:
https://designchamps.io/
------------------------------------------------------------------------------------
๐ŸŽจ ////////// I Design in Figma
https://psxid.figma.com/ixbomhqzoiy0

๐Ÿ–ฅ๏ธ ////////// I Prototype Magic in ProtoPie
https://www.protopie.io/plans?ref=jesse

๐Ÿ–ฅ๏ธ ////////// I Build websites in Webflow
https://webflow.grsm.io/4495884

๐Ÿ“… ////////// I run my life with Notion
https://affiliate.notion.so/tokendsfahjf

๐ŸŽต ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: https://fm.pxf.io/c/1372011/1347628/16252

Figma Dev Mode ๐Ÿคฏ

Related Videos

Add a Title

Add a Title

Add a Title

bottom of page