Naming Things in Figma: My Best Tips & Tricks

Hi, I'm Joey! I'm a product designer at Twitter, working on design systems, who used to work at Figma as a Designer Advocate. Today I wanted to share a tutorial for how to make the most with naming conventions in Figma, to help you work quickly and efficiently.

Links:

Social:

[sonamk]

I have never seen anybody explaining things this much understandable. Looking forward for new tutorials.

[VictoriaOlajumokeAbimbola]

I'm here 2 years after and this is one of the most valuable content on this topic. We definitely need more of your videos and tutors like you.

[janeshore]

i hope you will continue with the series, i absolutely love the way you present and the content itself!

i'd like to hear your thoughts on the overall hierarchy of the components in the design system and if there is a way to keep the number of variants and components low without troubles for designers and developers.

[linda_sue]

Joey, you are an impressive instructor and an inspiration to Figma beginners! I caught myself thinking, he's so fast, so good, I can't follow this but it's so interesting. Then, I realized that I was following just fine. I think you have a secret power of demonstrating a very good attitude and that is the trick. It makes a person wish for life to be very good to you and for you to continue offering your fluency! Thanks!

[chetanyadav]

This can go one step further in simplification by combining the comps as Variants. That will reduce the comps here by 3x.

[cortjezter]

So glad someone has articulated my thought processes around efficiency. The "UX" of design files if you will 😎 Cheers!

[chrisharley]

Loving the way you teach and explain things. Please make more content!

[almightyben]

This video deserves more attention! Thank you Joey!

[baz_wtf]

This was a really thorough run through, thank you. Super helpful :)

[siddharthaneupane]

Comments / Youtube / Positive -> Thanks for making this video. I especially liked learning about the thumbnails, frames, and proper naming.

[IPassionIPechnik]

underrated channel Thank you for the insight, Joey!

[lubaleong]

Thanks for sharing your expertise! Appreciate your detailed commentary!

[RuggeroCarrara]

Finally a clear explanation about this and so many more tips!! Thanks!!

[mrnickb]

Great video, I had no idea the bulk rename feature existed!

In regards to instance swapping, you could just use the variants feature. That way, you can change individual properties related to that specific feature, as opposed to going through an entire variants list. For example you could create properties that control the number of buttons, light or dark theme, and which button is selected. This way, you can tidy up your components panel and only have one instead of 10.

[TheMoReel]

By far, the best organization tips in Figma! TQVM

[bobbyjohnson]

I'm new to design and your work flow, organization methodologies, and teaching are absolutely incredible. Drool worthy organization & concise explanations. I will most definitely mimic your practices. Keep the content coming! Thanks!

[dsouzaedson]

Thank you Joey for creating this amazing video <3

[natthedesigner]

Wow, this was so incredibly helpful. You explained everything so well and clearly

[bernhardsmuts]

This is such a good explanation video. Always interesting when you hear from someone who knows exactly how to transfer their knowledge to you...

[gemassistant]

Elegant perfection. Thank you for all the detail.