Organize Your Figma File Like a PRO
HTML-код
- Опубликовано: 7 июн 2024
- Free Figma File Template: www.figma.com/community/file/...
🪴 Free resources + desk setup links: rachelhow.com/resources
| Links
Manage your freelance business using this: shop.rachelhow.com/l/notion-f...
Music in my videos: artlist.io/Rachel-2623692
My go-to design tool is Figma: psxid.figma.com/5z53qsuotr5n
My website is built using Webflow: webflow.grsm.io/rachel
| Let's be fwens!
Newsletter: rachelhow.com/newsletter
Instagram: / rachelhxw
Twitter: / rachelhxw
Request a video here: airtable.com/shrAWb7oXtqb8s302
| Watch next
If I Were To Start Over As A Designer, I’d Do This: • If I Were To Start Ove...
How I manage my time: • How I manage my time w...
My freelance process: • The 7-step freelance p...
Why I quit my high-paying job: • Why I quit my high-pay...
10 side income ideas for UI/UX designers: • 10 ways to earn side i...
My 9 income streams: • I Built 9 Income Strea...
| Chapters
0:00 An underrated skill
00:26 Organizing Figma Teams (4 ways)
01:33 Organizing Figma Projects (3 ways)
02:52 Figma Files: Page Structure
03:35 File Cover
03:59 Organizing designs within a file
04:11 Page Summary
04:46 Annotations
05:26 Design Systems & Best Practices
06:12 To-do list widgets
06:24 Status widgets
06:51 Versioning & Documenting design changes
07:35 Free file template!
| Disclaimer
Some of the above are affiliate links-I make a small commission when you purchase through my link, at no extra cost to you. Thank you for supporting an independent creator!
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!
I only discovered your RUclips 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!!!❤❤
I love seeing how others product designers set up the file. I liked the overview and prototype button. Will start doing that !
Glad it was helpful! :)
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 :)
That would be great, I always struggle with this when creating design systems for smaller projects
Thank you very much, Rachel. I loved the tips and the objectivity of the video. You're great! 👏👏👏
one of the most helpful design tutorials I have seen on YT about Figma. Thank you!!!!
You are so welcome!
Thanks Rachel, that was helpful!
Thanks for this video, Rachel! You are so amazing🙌
You're so welcome!
Very helpful Rachel ! Thank you so much 🙏🙏🙏🙏
The video I've been waiting for 🎉
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
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.
Thank you so much. I am an upcoming designer and your channel has been helpful.
Thank you Rachel for another awesome video :)
Thank you for supporting!
thank you so much, that was really helpful 💜
Glad it was helpful!
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?
Really interesting, thanks for that! Furthermore, do you have any advice on frame names?
Do you have any tutorial where you create such design system from scrach and how will you make that organized?
Yes
Yes please
Thanks a lot for this Rachel
Thank you for watching too!
Really needed this, Thank You
You're so welcome!
WHY you are soooo AMAZING???!!! 🥰💙
Thank you for making this video!💃🏽
Aww you are amazing too 😭😭😭 thank you!
chef's kiss, quality content here
Thank you 🥹
Thank you, it was really helpful🥰
Thank you for watching too!
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.
Awesome Rachel! Thank you. 🙌
You're so welcome!
Thank you so much Rachel.
You are so welcome! Thanks for watching as well :)
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.
Really helpful. Thanks for the video
Glad it was helpful! Thanks for watching, Vraj!
Thank you for sharing this helpful thing.
You are so welcome!
Omg you did it 🫶 Thank you!
Yes! haha Thank you for watching :) Hope it's helpful!
@@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 :)
@@Askarvi Thank you, and I appreciate your support very much 🥹
Thank you so much it will reduce time as a freelancer ❤
Glad this is helpful to you 🥹
THANK YOU SO MUCH!
🥺 thank you for watching too!
Thank youuuu
Love your videos ❤❤
Thank you so much for the support :)
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... 😘
You're very welcome! I'm glad this is helpful. Thanks for watching!
brilliant
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 😅
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 :)
@@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 🙃
Thank you so much
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?
HI can you tell me what are the daily tasks on figma for new designer getting first job
Great video
Thank you for watching!
THANK YOU
Thank you for watching as well :)
Thank you ❤
You're welcome 😊🙏🏻
Amazing video keep it up
Thanks for watching!
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
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 :)
u change to use Apple Display from your LG 4k screen?
How do you balance notes (for team, development, etc) with organization
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
What design system do you use?
useful! thnks!
You're welcome!
Is figma design system and wen design system the same?
More videos about the level up your ui design skills
how i can fix memory usage have red color. its going 100%? can you help me
This vid could be 10x as long. Very interesting for a noob like me
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 ?
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.
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.
Interesting! Been looking to switch to an advisor for a while now. Any help pointing me to whom your advisor is?
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.
How can i connect her?
most of the plugins are not available in figma
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.
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.
@rachelhow thank you so much. Your reply means a lot to me. ❤️
Make one Video on How to use the Design System in Figma.
Will add this to my list of ideas :) This topic is not easy so I'll do some research first!
yeah sure.@@rachelhow
Actually, I'm also a Non-tech Background. Switching career to Designer... Your videos help me a lot Thankyou @@rachelhow
✨👌😎🙂😎👍✨
I assume this won't work if you're using the free version of Figma
Hmm, most of the features mentioned in the video can be applied to the free version of Figma. They have a generous free plan!
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 🫶
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.
Thank you!
Why are you soo cute and amazing 🤍
Im glad that to be your subscriber 🫂
Thank you 💗
Thanks for the sub! 🥺