Organize Your Figma File Like a PRO

Поделиться
HTML-код
  • Опубликовано: 8 фев 2025

Комментарии • 150

  • @dan.carino
    @dan.carino Год назад +8

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

  • @IsisAtena
    @IsisAtena Год назад +12

    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!

  • @jessicasissa53
    @jessicasissa53 Год назад +5

    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
      @rachelhow  Год назад +1

      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.

  • @jjustice2010
    @jjustice2010 Год назад +1

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

  • @ZaidMarrie
    @ZaidMarrie Год назад +1

    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!!!❤❤

  • @sandrinebj7456
    @sandrinebj7456 5 месяцев назад +1

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

    • @rachelhow
      @rachelhow  5 месяцев назад

      aww thanks! appreciate the feedback :)

  • @KristenNichole
    @KristenNichole 6 месяцев назад +1

    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
      @rachelhow  6 месяцев назад

      thank you so much! i appreciate the feedback 💕

  • @antonina0zuzanna
    @antonina0zuzanna 16 дней назад

    Very helpful tips, thanks! I found my own ways through the chaos and ended up with similar scheme but I feel a strong need for improvements and will definitely try out some of your ideas :)

  • @uquantum
    @uquantum 3 месяца назад +1

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

    • @rachelhow
      @rachelhow  3 месяца назад +1

      You've got this! 🎉

  • @fspbueno
    @fspbueno Год назад +2

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

  • @FallenBLuue
    @FallenBLuue Год назад +3

    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
      @ZaidMarrie Год назад +1

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

  • @miniksteenholdt8792
    @miniksteenholdt8792 5 месяцев назад

    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
      @rachelhow  5 месяцев назад

      thank you!! so glad you like them!

  • @garikvanyan1155
    @garikvanyan1155 4 месяца назад

    The widgets 🔥 Thank you for sharing these tips

  • @tubimichael6144
    @tubimichael6144 Год назад +3

    The video I've been waiting for 🎉

  • @TomHartkitsonian
    @TomHartkitsonian 4 месяца назад

    Finally! This is the good stuff ✨

    • @rachelhow
      @rachelhow  3 месяца назад +1

      Thank you Tom!

  • @maciejmynek3427
    @maciejmynek3427 Год назад +2

    Thanks Rachel, that was helpful!

    • @rachelhow
      @rachelhow  7 месяцев назад

      Happy to hear this!

  • @JohnnyRourke-fk6gi
    @JohnnyRourke-fk6gi Год назад +25

    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
      @ChiesaAlessandro Год назад +1

      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
      @AlvanMuller Год назад +3

      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
      @JohnnyRourke-fk6gi Год назад

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

    • @AlvanMuller
      @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
      @JohnnyRourke-fk6gi Год назад

      How can i connect her?

  • @saikalyangajjela9312
    @saikalyangajjela9312 Год назад +3

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

    • @rachelhow
      @rachelhow  Год назад

      Glad this is helpful to you 🥹

  • @anotherone2398
    @anotherone2398 Год назад

    chef's kiss, quality content here

  • @kizitopeterson8366
    @kizitopeterson8366 Год назад +1

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

    • @rachelhow
      @rachelhow  7 месяцев назад +1

      Thanks a lot for watching as well :)

  • @sujoykrhaldar
    @sujoykrhaldar Год назад +24

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

  • @Askarvi
    @Askarvi Год назад +2

    Omg you did it 🫶 Thank you!

    • @rachelhow
      @rachelhow  Год назад +1

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

    • @Askarvi
      @Askarvi Год назад +1

      @@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
      @rachelhow  Год назад

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

  • @inesdarrer
    @inesdarrer 11 месяцев назад

    Thank you Rachel for another awesome video :)

    • @rachelhow
      @rachelhow  11 месяцев назад

      Thank you for supporting!

  • @LiekeSpierings
    @LiekeSpierings 5 месяцев назад

    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?

  • @steffsamtoy3310
    @steffsamtoy3310 9 месяцев назад +1

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

  • @CieloSkin
    @CieloSkin Год назад

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

    • @rachelhow
      @rachelhow  Год назад +1

      Aww you are amazing too 😭😭😭 thank you!

  • @nealkotak
    @nealkotak Год назад +1

    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
      @rachelhow  Год назад

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

  • @mennahisham4359
    @mennahisham4359 Год назад +2

    thank you so much, that was really helpful 💜

  • @TravelBro
    @TravelBro 5 месяцев назад

    Wonderful Rachel really helpful...thank you!

  • @leechilu291
    @leechilu291 2 месяца назад

    ooh thats quite useful! Thanks!!

  • @ankitmaurya1598
    @ankitmaurya1598 Год назад

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

  • @theusmanrajput
    @theusmanrajput Год назад

    Awesome Rachel! Thank you. 🙌

  • @Elusar316
    @Elusar316 8 месяцев назад

    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?

  • @jokanstudio
    @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.

  • @permafrost93
    @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
      @rachelhow  Год назад +1

      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
      @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 🙃

  • @Godheals_always
    @Godheals_always Год назад

    Really needed this, Thank You

  • @eirikmonsen9359
    @eirikmonsen9359 Год назад +1

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

  • @eziamacelestine8647
    @eziamacelestine8647 Год назад

    Thanks a lot for this Rachel

    • @rachelhow
      @rachelhow  Год назад

      Thank you for watching too!

  • @ryansaedi
    @ryansaedi 5 месяцев назад

    Very useful, thank you 🌿🤍

    • @rachelhow
      @rachelhow  5 месяцев назад

      You’re welcome 😊

  • @chukwumelagift
    @chukwumelagift Год назад

    Thank you so much Rachel.

    • @rachelhow
      @rachelhow  Год назад

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

  • @dazerrr
    @dazerrr Год назад +1

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

  • @derlerner2683
    @derlerner2683 8 месяцев назад

    Thank you I've learnt a lot!

  • @humairaattari3219
    @humairaattari3219 10 месяцев назад

    Thank you, it was really helpful🥰

    • @rachelhow
      @rachelhow  10 месяцев назад

      Thank you for watching too!

  • @joellybolly
    @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?

  • @VrajGajjar-kf1tf
    @VrajGajjar-kf1tf 10 месяцев назад

    Really helpful. Thanks for the video

    • @rachelhow
      @rachelhow  10 месяцев назад

      Glad it was helpful! Thanks for watching, Vraj!

  • @gribblegrobblegrabble
    @gribblegrobblegrabble 6 месяцев назад

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

    • @rachelhow
      @rachelhow  6 месяцев назад

      Happy to help!

  • @PhiRectangle
    @PhiRectangle 4 месяца назад

    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?

  • @a1ise_
    @a1ise_ 11 месяцев назад

    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.

  • @jesskolbe
    @jesskolbe 7 месяцев назад

    Legend, thank you

  • @isalutfi
    @isalutfi Год назад

    Thank you for sharing this helpful thing.

  • @LIMAMK4
    @LIMAMK4 7 месяцев назад +1

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

  • @jenniferakre1525
    @jenniferakre1525 5 месяцев назад

    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,

  • @MOHAMEDMAHMOUDDesigner
    @MOHAMEDMAHMOUDDesigner Год назад

    Love your videos ❤❤

    • @rachelhow
      @rachelhow  Год назад

      Thank you so much for the support :)

  • @MarianaGarnica-z6p
    @MarianaGarnica-z6p Год назад

    THANK YOU SO MUCH!

    • @rachelhow
      @rachelhow  Год назад

      🥺 thank you for watching too!

  • @na3rial
    @na3rial 8 месяцев назад

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

  • @smilli6415
    @smilli6415 Год назад

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

  • @laetitianhouyvanisvong1625
    @laetitianhouyvanisvong1625 6 месяцев назад

    you are awesome! thanks

    • @rachelhow
      @rachelhow  6 месяцев назад

      YOU are awesome 🥹

  • @HachiJPN
    @HachiJPN 9 месяцев назад

    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

  • @ghekichan
    @ghekichan Год назад

    Thank you so much

  • @ckaiyu87
    @ckaiyu87 9 месяцев назад

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

  • @jaretmorquecho1328
    @jaretmorquecho1328 Год назад

    More videos about the level up your ui design skills

  • @manashjyotidas
    @manashjyotidas Год назад

    Thank you ❤

    • @rachelhow
      @rachelhow  Год назад

      You're welcome 😊🙏🏻

  • @user-pd5vs9xz2g
    @user-pd5vs9xz2g 11 месяцев назад

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

  • @enfisya
    @enfisya Год назад

    brilliant

  • @ainamaulinaesa4686
    @ainamaulinaesa4686 Год назад

    Thank youuuu

  • @Boldzite
    @Boldzite Год назад

    Is figma design system and wen design system the same?

  • @jayujawaranivlogs8980
    @jayujawaranivlogs8980 Год назад

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

    • @rachelhow
      @rachelhow  Год назад

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

    • @jayujawaranivlogs8980
      @jayujawaranivlogs8980 Год назад

      yeah sure.@@rachelhow

    • @jayujawaranivlogs8980
      @jayujawaranivlogs8980 Год назад

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

  • @Bueno.t
    @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
      @rachelhow  Год назад +1

      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 :)

  • @darufuenmayor
    @darufuenmayor 6 месяцев назад

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

    • @rachelhow
      @rachelhow  6 месяцев назад

      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!

  • @KarimElkharraz
    @KarimElkharraz Год назад

    Amazing video keep it up

  • @MONTERO_DESIGNS999
    @MONTERO_DESIGNS999 Год назад

    Great video

  • @Boldzite
    @Boldzite Год назад

    What design system do you use?

  • @NimraJafar-gr3ly
    @NimraJafar-gr3ly 6 месяцев назад

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

  • @yeannetung
    @yeannetung Год назад

    useful! thnks!

  • @emmanuelmana05
    @emmanuelmana05 8 месяцев назад

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

    • @rachelhow
      @rachelhow  8 месяцев назад

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

  • @shahnawazkaratela800
    @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
      @rachelhow  Год назад +2

      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
      @shahnawazkaratela800 Год назад

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

  • @Szynszula
    @Szynszula 5 месяцев назад +1

    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

  • @andynonimuss6298
    @andynonimuss6298 17 дней назад

    These are great, but at the cost of more time.

  • @magzim9337
    @magzim9337 6 месяцев назад

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

  • @TheVanillaSheep
    @TheVanillaSheep Год назад

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

    • @rachelhow
      @rachelhow  Год назад +1

      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
    @manolomaru Год назад

    ✨👌😎🙂😎👍✨

  • @beisuge
    @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
    @xxxDoku Год назад +1

    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.

  • @shiva_017
    @shiva_017 Год назад

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

    • @rachelhow
      @rachelhow  Год назад +1

      Thanks for the sub! 🥺

  • @Perfectstranger_7
    @Perfectstranger_7 7 месяцев назад

    Rachel thank you so much, you are very helpfu 🤍