How to organize your design file on Figma

How I organize my design files on Figma.

✌︎ Connect with me

✌︎ Design Bootcamps I recommend

✌︎ Timestamps
0:00 Purpose of organizing
0:38 Cover Slide
1:06 Final Designs
2:00 Project Summary
2:26 User Flows and Cards
2:40 Annotations
2:56 Design Drafts
3:30 UX Research and Prototypes
3:50 Sprints
4:08 Device Mockups
6:24 Exporting devices for slides
8:08 Creating case study thumbnails

✌︎ Business Inquiries

#designfile #uxdesigner #fileorganization #productdesign #figmafile

[chunbuns]

In order to make a copy of the Figma template, go to the top > click on arrow > Duplicate to your drafts. You won't be given edit access but copying the template will basically give you edit functionality :) Let me know what else you'd like to learn!

[joshblf]

It's amazing that someone this talented is willing to give away all their secrets for FREE. Thank you!

[-grey]

I'm shook. This is the greatest piece of UX design I have seen, and it's so meta. I actually showed it to my gf who's a product owner, because I was so impressed. UX design to make the life of the people interacting with your design files super fluid. It's so simple and clean, I am going to have to emulate what you have here. The annotations and notes about the flow purpose is so good. Thank you for sharing this, it's genius.

[IkyyPUBLIC]

I'm a beginner and after watching this video, I have a lot to learn in system design

[짱테이씨햄찌]

I'm in love with these Figma series on how to keep your design work more efficient! So helpful ❤ Thank you so much Christine 🥺

[benlow]

Thanks for showing your pages structure. I liked how you’ve got the latest designs at the top. Definitely makes it easier for other stakeholders to work through your figma files in their own time.

[JoellePhuaLife]

Super helpful!! Also a feature that has saved my life is "paste to replace"! All you have to do is click on the frame you want to replace, and then press Shift+⌘V or Shift+Ctrl+V to paste to replace!! So useful

[artemisfay]

You are honestly my favorite person in the world right now. This is insanely helpful! Thank you for sharing this!

[downthispath]

I love you. That's it. Thanks so much for this. May your pillows always be fluffy and your blankets warm.

[sneakykoma]

This tutorial gave me the biggest inspiration so far this year, thx Christine!

[MgWai_]

I began with Adobe XD last year but I'm currently changing to Figma! It gives so much more work dynamic! thank you for his video Chunbuns!

[erikagomes]

My name is Érika Dário, I speak here from Brazil. 😃
I thought your video was fantastic, I really follow your tips and content!
I just couldn't download the template link to help me with my routine, I thought the way you organized it was incredible.

[sdl]

This is INCREDIBLY helpful for me as a beginner UX designer. Thank you, Chunbuns!

[khatiamaisuradze]

The most organized and the best channel in this direction. Thank you ❤

[gj]

omg i don't see you with your hair up in videos very often you look so beautiful!!

[Rafael-dj-c]

Thanks for the device mockups, I'm always looking for those. I'd like to see more videos on designing if possible, both wireframing and UI mockups would be good to see. In particular it would be ideal the videos explain the details of designing such as spacing or font sizes, etc

[astrotaco_bps]

This was so helpful. These are the kind of tutorials I need to work in Figma more efficiently. Need more of these!

[MrEdukada]

I'm very much impressed with your workflow, documentation, and organization skills.

[michellezhu]

Thanks for sharing how you organized your file!! Love the summary at the top and the clean annotation part! I'm always improving how I organize it and your sharing is super helpful!

[soulaimanemonadile]

Girl, you are the best ! found this on the right timing . a lot