Organize Your Figma File Like a PRO

[@IsisAtena]

Rachel, thank you so much for your videos; this is helping me to get everything cohesive on my transition from graphic designer to a UX UI path!

[@dan.carino]

I love seeing how others product designers set up the file. I liked the overview and prototype button. Will start doing that !

[@rachelhow]

Glad it was helpful! :)

[@sandrinebj7456]

Thank you for this video. I've been working in Figma for years but it still helped me improve my files! 💫

[@rachelhow]

aww thanks! appreciate the feedback :)

[@ZaidMarrie]

I only discovered your KZbin channel recently, and I have gained so much value of your videos. I am a developer looking to level up my UI - UX skills and to streamline my processes within Figma. Your videos help me do exactly that and more, Thank you so much for sharing this! You are awesome!!!❤❤

[@rachelhow]

Thank you!!

[@uquantum]

Thanks so much Rachel...just getting started with Figma and I have a small team, so loved your video!

[@rachelhow]

You've got this! 🎉

[@jessicasissa53]

Great tips, Rachel! I used to organize everything by pages instead of by project/team. It served me well, but your ideas are better when considering the file size/longevity of complex projects. Thanks for the insights, and I hope you are well

[@rachelhow]

Thank you, Jessica, I'm well! There's no right/wrong way to organize your Figma file/project/team, it's okay to iterate and evolve as you scale.

[@sujoykrhaldar]

Do you have any tutorial where you create such design system from scrach and how will you make that organized?

[@ravipanwar7442]

Yes

[@ashutoshlawange5784]

Yes please

[@florinpaul8075]

Yes pls

[@KristenNichole]

Great video Rachel. Love the template for the covers and your simple setup for the design systems. I’ve seen some really complicated design systems and you keep it to the point with the necessary info.

[@rachelhow]

thank you so much! i appreciate the feedback 💕

[@jjustice2010]

one of the most helpful design tutorials I have seen on YT about Figma. Thank you!!!!

[@rachelhow]

You are so welcome!

[@fspbueno]

Thank you very much, Rachel. I loved the tips and the objectivity of the video. You're great! 👏👏👏

[@saikalyangajjela9312]

Thank you so much it will reduce time as a freelancer ❤

[@rachelhow]

Glad this is helpful to you 🥹

[@FallenBLuue]

I'm so glad I found this channel. You help me a lot and your videos are not only informative, well structured and helpful but also entertaining and intresting to watch ♥ And I would love to see a video about how you start on making a design system, even for smaller teams/projects/products :)

[@ZaidMarrie]

That would be great, I always struggle with this when creating design systems for smaller projects

[@garikvanyan1155]

The widgets 🔥 Thank you for sharing these tips

[@kizitopeterson8366]

Thank you so much. I am an upcoming designer and your channel has been helpful.

[@rachelhow]

Thanks a lot for watching as well :)

[@tubimichael6144]

The video I've been waiting for 🎉

[@miniksteenholdt8792]

I just found your channel today, and i have already been watcing like 5 of ur videos so far. Really love how u explain stuff :))

[@rachelhow]

thank you!! so glad you like them!

[@LiekeSpierings]

Loved this video! You can explain so well. I was wondering, do you also have a video or tips on how to organize a Design System like a PRO?

[@TomHartkitsonian]

Finally! This is the good stuff ✨

[@rachelhow]

Thank you Tom!

[@anotherone2398]

chef's kiss, quality content here

[@rachelhow]

Thank you 🥹

[@maciejmynek3427]

Thanks Rachel, that was helpful!

[@rachelhow]

Happy to hear this!

[@nealkotak]

This video is very very helpfull as I have started working on Figma... and also was littlebit confuse to organising files and share it with developer... Thank You! soooo... much and pls share more & more this type of videos ... once again Thank you!.....🙏😃 I am Glade to be your Subscriber... Take care... 😘

[@rachelhow]

You're very welcome! I'm glad this is helpful. Thanks for watching!

[@steffsamtoy3310]

Very helpful Rachel ! Thank you so much 🙏🙏🙏🙏

[@Askarvi]

Omg you did it 🫶 Thank you!

[@rachelhow]

Yes! haha Thank you for watching :) Hope it's helpful!

[@Askarvi]

@@rachelhow It really is. Thank you for taking the time and effort. I've used Figma and it's always the biggest question; how to organize everything! I'm glad I found your channel, you touch on many of the same subjects I'm thinking about daily. Both as a solopreneur, a designer.. and as a human being :)

[@rachelhow]

@@Askarvi Thank you, and I appreciate your support very much 🥹

[@TravelBro]

Wonderful Rachel really helpful...thank you!

[@jokanstudio]

Great! Also in web design (website design) I never see well organised files. I put this in my to do to make a template a standardise a practice. As it is "recent" jobs we don't have those standards.

[@mennahisham4359]

thank you so much, that was really helpful 💜

[@rachelhow]

Glad it was helpful!

[@inesdarrer]

Thank you Rachel for another awesome video :)

[@rachelhow]

Thank you for supporting!

[@Elusar316]

This is the best video I could find on this topic. I appreciate you! 🌷 I'm a one-man design team in the company I work for and have been working on one product for 5 years. I only have one filre + another for a design system. It's a big file. I've been procrastinating a refactor of my whole system for over 2 years now. Tried once, but I felt overwhelmed and gave up. Hopefully this time will be more successful. I think I'll go with the second approach: "One project for each feature/production state". QUESTION: In some flows multiple features can overlap. This means that when you update one feature, it will have to be updated in multiple projects (multiplied by multiple screens in each)! How would you go about it? Also (offtopic but maybe a solution to the above): Would you componentize whole sections of a screen? I use separate pages for: - particles (for icons and small junk like that), - atoms (for buttons, inputs, radios etc.), - molecules (small groups of multiple atoms and particles like header bars and navigation) AND - organisms (large sections of a screen, like a grid of cards or a whole pricing plan seciton. Some of them get to be reused, some aren't. Organisms really feel like an overkill to me and are a pain in the A, because you can't edit them without breaking them (complex tables anyone?)! Then again, without them you can loose consistency between screens. Since it's half-automated, it's supposed to make your life easier (if it works, which it oftend doesn't). So. Organism components, or just non-automated sections made of atoms? What say you?

[@leechilu291]

ooh thats quite useful! Thanks!!

[@CieloSkin]

WHY you are soooo AMAZING???!!! 🥰💙 Thank you for making this video!💃🏽

[@rachelhow]

Aww you are amazing too 😭😭😭 thank you!

[@permafrost93]

Been waiting for this video clip. Thank you very much Rachel once again. Right now the company I'm working for (as a ui designer) is a small one and my super visor doesn't see it necessary. Our figma files is a huge messy ocean of elements...only I know which is where ...haha...wish me luck 😅

[@rachelhow]

Oh noo 😳 It’s alright, you can be the first to introduce order to the chaos 😂 It’s good practice to have an organized space for work. Make it your daily habit :)

[@permafrost93]

@@rachelhow hahaha...I will be the bringer order to the chaos if they let me 😄 Gonna practice making it a habit on my own little design system. Thank you for your attention and time and kindness 🙃

[@eirikmonsen9359]

This vid could be 10x as long. Very interesting for a noob like me

[@ankitmaurya1598]

Thanks for this video, Rachel! You are so amazing🙌

[@rachelhow]

You're so welcome!

[@dazerrr]

Really interesting, thanks for that! Furthermore, do you have any advice on frame names?

[@theusmanrajput]

Awesome Rachel! Thank you. 🙌

[@rachelhow]

You're so welcome!

[@JohnnyRourke-fk6gi]

Stock picking is an effort in futility, particularly at an uncertain time such as this. My portfolio is still significant, about $140k, but I'm not confident about picking stocks anymore. Are there really no other options for me to gain from the stock market ?

[@ChiesaAlessandro]

I'm sorry to hear that. It's hard to beat the market as an ordinary investor,You don't have access to information that most professionals have. So it's just better if you invest with a professional who knows how things work better.

[@AlvanMuller]

Picking stocks is a risky thing to do, particularly for non-professionals. I learnt that in 2020, when I lost almost everything. But I switched to using a financial advisor, who has better knowledge of the market than I do,and I've been returning at least $38k every month. Just too bad I didn't learn the lesson early one.

[@JohnnyRourke-fk6gi]

Interesting! Been looking to switch to an advisor for a while now. Any help pointing me to whom your advisor is?

[@AlvanMuller]

Have you heard of Liza Mackenzie ? I got a chance to benefit from her services a few months ago and it has been a very smooth experience.

[@JohnnyRourke-fk6gi]

How can i connect her?

[@gribblegrobblegrabble]

I wish you were my teacher! thank you foryourreat explanations!

[@rachelhow]

Happy to help!

[@Godheals_always]

Really needed this, Thank You

[@rachelhow]

You're so welcome!

[@eziamacelestine8647]

Thanks a lot for this Rachel

[@rachelhow]

Thank you for watching too!

[@derlerner2683]

Thank you I've learnt a lot!

[@a1ise_]

Exactly the video I was looking for. Thank you for sharing! Can I ask are you using a plugin for your annotations? Sometimes I feel like I’m spending too much time on those.

[@joellybolly]

AMAZING VIDEO! as a junior UX designer this is so useful especially when it comes to being more hands-on with the handoff process. do you have any suggestions if the project involves designing for desktop, tablet and mobile?

[@chukwumelagift]

Thank you so much Rachel.

[@rachelhow]

You are so welcome! Thanks for watching as well :)

[@LIMAMK4]

Hello Rachel, I'm Brazilian and I wanted to understand what you're talking about. Could you release the subtitle in Portuguese

[@humairaattari3219]

Thank you, it was really helpful🥰

[@rachelhow]

Thank you for watching too!

[@ryansaedi]

Very useful, thank you 🌿🤍

[@rachelhow]

You’re welcome 😊

[@VrajGajjar-kf1tf]

Really helpful. Thanks for the video

[@rachelhow]

Glad it was helpful! Thanks for watching, Vraj!

[@isalutfi]

Thank you for sharing this helpful thing.

[@rachelhow]

You are so welcome!

[@jesskolbe]

Legend, thank you

[@jaretmorquecho1328]

More videos about the level up your ui design skills

[@PhiRectangle]

Thank you for the great content! I was curious about the separate pages for Designs, Flow, and Prototype. Does this mean there will be three copies of the frames involved in each? Could you please explain the reasoning behind this structure?

[@ainamaulinaesa4686]

Thank youuuu

[@MarianaGarnica-z6p]

THANK YOU SO MUCH!

[@rachelhow]

🥺 thank you for watching too!

[@jenniferakre1525]

Thank you for the video. I wanted to confirm why you used the Button plugin with the link. Was it to toggle between the design and the prototype? I didn't understand what you used that for. Could you please explain. Thanks much,

[@enfisya]

brilliant

[@MOHAMEDMAHMOUDDesigner]

Love your videos ❤❤

[@rachelhow]

Thank you so much for the support :)

[@ghekichan]

Thank you so much

[@laetitianhouyvanisvong1625]

you are awesome! thanks

[@rachelhow]

YOU are awesome 🥹

[@jayujawaranivlogs8980]

Make one Video on How to use the Design System in Figma.

[@rachelhow]

Will add this to my list of ideas :) This topic is not easy so I'll do some research first!

[@jayujawaranivlogs8980]

yeah sure.@@rachelhow

[@jayujawaranivlogs8980]

Actually, I'm also a Non-tech Background. Switching career to Designer... Your videos help me a lot Thankyou @@rachelhow

[@smilli6415]

HI can you tell me what are the daily tasks on figma for new designer getting first job

[@nitespell6429]

Is there an example file on the Figma community someone can share which has a good example of file structure? Including how user flows are displayed for different devices, where the pages live, naming conventions etc? Thanks

[@na3rial]

How do you balance notes (for team, development, etc) with organization

[@ckaiyu87]

u change to use Apple Display from your LG 4k screen?

[@MONTERO_DESIGNS999]

Great video

[@rachelhow]

Thank you for watching!

[@KarimElkharraz]

Amazing video keep it up

[@rachelhow]

Thanks for watching!

[@manashjyotidas]

Thank you ❤

[@rachelhow]

You're welcome 😊🙏🏻

[@Bueno.t]

Hi, Im new to this world and I'm loving your channel so THANK YOU... question do you use also Bubble or only figma and what do you think about them. Thanks

[@rachelhow]

Thank you for watching! I’ve briefly touched Bubble so can’t say much about it. One thing to note: Bubble and Figma are not the same tools. Figma is used for interface design. Bubble is used to build functioning websites or software without having to code. If you need a design tool, Figma is a no brainer :)

[@Boldzite]

What design system do you use?

[@user-pd5vs9xz2g]

how i can fix memory usage have red color. its going 100%? can you help me

[@yeannetung]

useful! thnks!

[@rachelhow]

You're welcome!

[@Boldzite]

Is figma design system and wen design system the same?

[@darufuenmayor]

Hello. Is it better to separate prototypes from high fidelity wireframes?

[@rachelhow]

hello, yes! because (1) it’s easier to make edits to your prototype without affecting high fidelity screens; (2) there could be a LOT of screens used for prototype and if you are working within a team, it might confuse others when there are too many screens that look similar. hope this clarifies!

[@AmanKahar-p4v]

most of the plugins are not available in figma

[@NimraJafar-gr3ly]

4:51 how did you give the name of each section which is written in white color at the top of sections

[@NimraJafar-gr3ly]

ohhh I got it Thank you😄

[@Szynszula]

If you have paid figma it is not a problem to organize it, I would like to see how to organize project when you have 3 Pages only for free users. Once I will get work and paid figma I will also see how files are organized, so this video is not very helpful

[@shahnawazkaratela800]

Hey! I really enjoyed watching your videos, rachel❤. I am a junior ui/ux designer. Can you tell me how to get into design communities so it can help me boost my work.

[@rachelhow]

Hello! You can try Contra, or just share your work on Twitter and LinkedIn. Do it consistently, and improve your design skills. Good design stands out better.

[@shahnawazkaratela800]

@rachelhow thank you so much. Your reply means a lot to me. ❤️

[@emmanuelmana05]

Hello Rachel, Please, your Resources Link is not opening, could you please rectify it?

[@rachelhow]

Can you try again? Let me know if it still doesn’t work 🙏

[@magzim9337]

"Free Figma File Template" has 3 empty pages (non ---- dividers)

[@TheVanillaSheep]

I assume this won't work if you're using the free version of Figma

[@rachelhow]

Hmm, most of the features mentioned in the video can be applied to the free version of Figma. They have a generous free plan!

[@manolomaru]

✨👌😎🙂😎👍✨

[@beisuge]

Hey there!!Is learning figmaa and design skills alone enough for becoming a UI UX designer.If not can you tell anything else needed??Btw Thank you for videos!They motivated me to start my journey 🫶

[@xxxDoku]

Thank you for the great value of the video that you have provided us, it is very interesting to get ideas to test and implement, I thank you infinitely.

[@rachelhow]

Thank you!

[@shiva_017]

Why are you soo cute and amazing 🤍 Im glad that to be your subscriber 🫂 Thank you 💗

[@rachelhow]

Thanks for the sub! 🥺

[@Perfectstranger_7]

Rachel thank you so much, you are very helpfu 🤍