top of page



View Tool Page


Graphic Design Tools

Figma just launched Dev Mode and itโ€™s really cool. There are a lot of really awesome features that make life so much easier, from having the units in rem to a bunch of new features and a VS Code plugin, plus a bunch more. Of course, there are a few negatives as well, and I take a look at it all in this video.

๐Ÿ”— Links
โœ… Figma Dev Mode Introduction:
โœ… Figmaโ€™s demo file exploring Dev Mode:

โŒš Timestamps
00:00 - Introduction
00:43 - How to turn on Dev Mode
01:50 - Changing your language and base units
03:12 - Box model and the CSS that it outputs
04:57 - Getting assets
05:40 - Sections and ready for development
06:45 - Variables and Styles
10:00 - Tracking changes
12:25 - Connecting components to GitHub files
15:18 - VS Code Extension
22:34 - The negatives of Dev Mode



Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!


Help support my channel
๐Ÿ‘จโ€๐ŸŽ“ Get a course:
๐Ÿ‘• Buy a shirt:
๐Ÿ’– Support me on Patreon:


My editor: VS Code -


I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.



And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Figma Dev Mode is here!

Related Videos

Add a Title

Add a Title

Add a Title

bottom of page