 What's up guys, Figma's just dropped Dev Mode, a brand new feature which streamlines the design to development process. Let's take a look at the top five things you can do in it today in the next two minutes. Let's go. Firstly, Figma's Dev Mode acts like a browser inspector for your design file. It translates your concepts into developer-friendly terms like code and icons. This means you can hover and click around to find and export all the information you need from your design system just like using Chrome Dev Tools. Secondly, the code in Dev Mode is completely redesigned and customizable. You can see a CSS box model, modern syntax with a tree view, and toggle between dimensions until it matches your code base. You can go from CSS to design it for iPhone. It helps you go from zero to one in no time. Thirdly, Dev Mode makes you more productive by integrating the tools you use every day with your design file. With plugins like GitHub, Jira, and Linear, you can manage projects and stay in the loop about your team's process. Fourthly, Dev Mode lets you track what needs to go into production. With diff support, you can compare changes between different versions of a frame, making it easier to stay up to date with design changes and see what's actually changed and dig into it a little bit deeper. Lastly, but not least, the VS code extension brings the power of Dev Mode into your code editor. You can review designs, see notifications and comments, and stay on top of changes without ever having to leave the code in environment.