Intro to Figma for Developers

This quick crash course by Bob Ziroll on using Figma as a developer should help you feel at home while using the Figma design files we provide in some of the Scrimba projects. Below are the links to the files he's working with 👇

🤑 GET AN EXTRA 10% OFF SCRIMBA PRO SUBSCRIPTION
Follow this link to claim your discount (expires Dec 31 2023)

[thelostvorg]

for those who made a copy of the draft and could not find the export panel like in the video.
-simply select the image you want to export
-click on the Design link on the top right of the screen then scroll to the bottom there you will find the Export panel after that just follow the steps like shown in the video

[Raznor]

You need to hold down the Alt key while hovering over elements to show the distances. They show automatically if you're on the Inspect tab on the right panel.

[abhishekbhaskar]

this is just amazing stuff, I want to take this moment and make a note so that anyone who ping on this comment, I get the notification in future and remember how the react started and what does it make change in my life as a developer. I will keep on updating my journey (24-04-2022)

[emmanuelsoetan]

Exactly the video I needed. I just got a Frontend role and a figma file of the new UI was given to me had no idea what to do with it but this video just tells me everything I need to know. Thank You.

[aravindcodes]

I love Scrimba so so so much. What a product it is!!!!

[alimahmoodi]

I seriously can't imagine how else I would've been learning to program if there was no Scrimba

[ajas]

Short and concise. Exactly what I needed. Thank you!

[wowzande]

Man just getting myself to start learning this after bootcamp was hard, Litterally took me 2 days to finally sit through 30 minutes, but as soon as 30 minutes passed by im hooked, i cant stop, i wont stop. Thanks for this opportunity, seriously

[bite_jamee]

its amazing ...you and your community!

[fragrantbloom]

Wow this is a great website! Thank you for introducing this!

[KettyBG]

This is not up to date. Inspect feature is not available unless you sign up for a plan that includes the Dev Mode.

[carolynachurra]

I cannot find the fima file in the course. the only link in the scrimba learn react course goes to this video

[Asyncsprice]

this should be added to every scrimba video when they show the figma design fila hahaha

[keronwilliams]

The way how this 10 minute video saved my life! 😂👌

[ibrahimaliyuabubakar]

I always enjoy your tutorials sir.
They are comprehensive ànd complete sir. I like you

[mraex]

i was at the 8 minutes mark then i got engrossed in the potential masterpiece i could make and started dancing and bobbinb my head

[itohanomovbude]

exactly what I needed to know! thank you!

[sumairahashmi]

click on the magnet, and from there you can adjust how the tracks snap onto the grid. if you want it to be each 1/4 of a bar, click "line"

[shortcutcoder]

Just a note to myself for the future. So I will remember how it all started (here and now) and where I am (the future me) today. You can comment below as a reminder for your future self :)
26.01.2022

[ArchAngelManga]

DevMode requires a paid subscription now... :(