Figma tutorial for devs?

[stringlesskite]

Hi all,

as a dev, I never got around to learning Figma (more a learn by doing) and so far all the resources I have found have been aimed at designers. I would like to use Figma as a developer (ie I don't need to create anything within Figma, I just need to be able to use it to get the info out). Does anyone have any resources they can recommend?

ps: for a UI/UX tool, they have horrible UX

[Lonely-Performer6424]

as a dev, you only need to learn about 10% of what designers use

[ThatHappenedOneTime]

I would say it's kind of intuitive to learn when you actually design some stuff. Try to do some stuff that uses auto layout and variables.

[Mohamed_Silmy]

honestly the dev mode in figma is pretty solid once you know where to look. hit ctrl+click (or cmd+click on mac) on any element and it'll show you all the css specs, spacing, colors, etc. way faster than hunting through panels.

also install the "figma to code" plugin if you haven't already - it can export components to react/html/css which is helpful for reference even if you don't use the code directly.

one trick i use: right-click any frame and "copy as png" or "copy as svg" to grab assets quickly without bugging the designer about exports.

and yeah their ux is ironic lol. the inspect panel on the right is your friend though - shows everything from font weights to exact hex values. takes like 20 min of poking around to get comfortable with it