How to organize your design file on Figma

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

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

  • @chunbuns
    @chunbuns  2 года назад +40

    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!

    • @jpstrokes
      @jpstrokes 2 года назад +1

      Thanks for sharing It :)

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

      Thank You, its very helpfull

    • @sinxenon3181
      @sinxenon3181 Год назад +16

      @chunbuns unfortunately your site has a label "Website Expired" and I wasn't able to download the files you mentioned in the video. The video itself is so cool. Could you please share your file if it's possible? Thank you!

    • @amandaavia
      @amandaavia 6 месяцев назад +14

      The template link seems to be broken and a lot of us would still love to access this amazing resource! Do you mind re-uploading or re-enabling the link please? 🙏🥲

    • @sugaudacity
      @sugaudacity Месяц назад

      @@amandaavia Second this ^ :,) it would be super helpful, thank you!!

  • @짱테이씨햄찌
    @짱테이씨햄찌 2 года назад +42

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

    • @chunbuns
      @chunbuns  2 года назад +3

      I'll make note and make more! Thanks for watching 💕

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

      @user-nu8mf4hw1b do you know how to redesigning the home screen to showcase the products ? plz i need your help

  • @erikagomes7520
    @erikagomes7520 5 месяцев назад +3

    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.

  • @-grey
    @-grey 2 года назад +1

    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.

  • @JoellePhuaLife
    @JoellePhuaLife 2 года назад +12

    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

    • @chunbuns
      @chunbuns  2 года назад +1

      OMG! I had no idea! Thanks for sharing

  • @benlow24
    @benlow24 2 года назад +7

    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.

    • @chunbuns
      @chunbuns  2 года назад

      thanks for watching!

  • @sdl444
    @sdl444 2 года назад +15

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

    • @chunbuns
      @chunbuns  2 года назад +2

      I'm so glad!!

    • @marcinksiazkiewicz2923
      @marcinksiazkiewicz2923 2 года назад

      sorry to say that - but it's not - this is the guide how to make your presentation looks good - that's UI, not UX :p UX is expereince with the app, skill to read stats and analitics, being able to understand what users need , and most important, understand the buisness. btw do your documentation in google docs, its way faster and UX iw way better :p

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

      wahala o@@marcinksiazkiewicz2923

  • @khatiamaisuradze8450
    @khatiamaisuradze8450 2 года назад +1

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

  • @Rafael-dj-c
    @Rafael-dj-c 2 года назад +10

    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

  • @M0gWai_
    @M0gWai_ 2 года назад +1

    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!

  • @komaincontrol
    @komaincontrol 2 года назад

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

  • @IkyyPUBLIC
    @IkyyPUBLIC 2 года назад

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

  • @michellezhu1559
    @michellezhu1559 2 года назад +2

    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!

    • @chunbuns
      @chunbuns  2 года назад +1

      me too! it really helps when you're presenting your designs at crit or onboarding new people to the project :)

  • @astrotaco_bps
    @astrotaco_bps 2 года назад +1

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

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

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

  • @Naheleniel
    @Naheleniel 2 года назад +1

    Thank you so much Chunbuns! 🤗❤️🌿

  • @jaimempark
    @jaimempark 2 года назад +2

    Thanks for this walk through. I’ve been wanting to do better with organizing my Figma files! This is super helpful to see how you’ve organized yours.

  • @agraciotti
    @agraciotti Месяц назад

    Very helpful, thank you!

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

    I really like the approach you take with your UX design projects!

  • @elsiezheng8692
    @elsiezheng8692 2 года назад

    I really appreciate all the information you have shared with us!

  • @soulaimanemonadile3767
    @soulaimanemonadile3767 2 года назад

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

  • @DouglasPlayer01
    @DouglasPlayer01 2 года назад +4

    I would like a video explaining a little about the auto layout and the constrains of figma in screen constructions both mobile and desktop.
    ps: loved your video :)

  • @funwithsarah1586
    @funwithsarah1586 2 года назад +1

    Thank you so much for your videos that are so informational ! :) Can't wait to see the futur tutorials and workshops !

    • @chunbuns
      @chunbuns  2 года назад

      🥰 I'm glad you find them helpful!

  • @LA_Designer
    @LA_Designer 2 года назад +1

    Love your videos! I'm transitioning from Web Design to UI/UX since I'm more into layouts than coding. Thanks for also offering the device mockups! I've been loving Figma.

  • @gj1489
    @gj1489 2 года назад

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

  • @femkedesign
    @femkedesign 2 года назад

    So clean! Love it.

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

    Thank you!!! Our small start up team just put me in charge of Mobile UI/UX on our transition to Mobile and my design file was a hot mess. lol

  • @jenykk
    @jenykk 2 года назад

    thank you so much!! I love all your figma tutorials ❤️

  • @alexandrachainss
    @alexandrachainss 2 года назад +1

    Thank you for this, it helps a lot!

  • @victorportes6876
    @victorportes6876 2 года назад

    You are a Godess!!! Super thnx!

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

    this is exactly what I needed, thank you!

  • @WilChow
    @WilChow 2 года назад

    Excellent video. This was super helpful. Thanks!

  • @merisimamovic965
    @merisimamovic965 2 года назад

    This is really neat, good job and great video!

  • @bandilesikwane4967
    @bandilesikwane4967 2 года назад +1

    Love this downloaded the template today. I find your content incredibly useful and easy to follow yet so detailed.

  • @issabellasantini3974
    @issabellasantini3974 2 года назад

    Thank you for sharing this! What a great resource!

  • @londonzhang
    @londonzhang Год назад +6

    I think the template link is broken :(

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

      do you know how to access this?

  • @Sunrisestarshine
    @Sunrisestarshine 2 года назад

    Thank you! This is great, i was looking for how to improve organising in figma.

  • @hariwilliams8208
    @hariwilliams8208 2 года назад

    Great video love your content. i would have liked to have had a bit more of a deep dive into the pages of your design file. felt like the video went off on a tangent about mocking up a design

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

    How do you add the blank spaces in the pages section?

  • @dianaburm
    @dianaburm 2 года назад

    Really useful tips! Thank you!

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

    Oh my goodness! I like it so so much! Thanks for the insights!)

  • @Taskade
    @Taskade 2 года назад

    Beautiful tutorial, thanks for making this, so easy to follow!

  • @abbyhuh1460
    @abbyhuh1460 2 года назад

    pretty informative. never thought of organizing it that way. thanks for the video! ❤

  • @sookim9773
    @sookim9773 2 года назад

    This video is super helpful! Thank you so much and can't wait to see more design videos from you 🥰

  • @nadayounes4180
    @nadayounes4180 2 года назад +1

    Great lesson in organization
    But if I want to make a prototype, where should I do it?

  • @genevalam8964
    @genevalam8964 2 года назад

    The video I needed!!! Thank you 💕

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

    hi, thats very helpful, can i get the organization file?

  • @joseesteva2627
    @joseesteva2627 2 года назад

    Thank you!

  • @jetizon
    @jetizon 2 года назад +1

    Thanks CB

  • @jaysenb
    @jaysenb 2 года назад

    SWEET VIDEO, super cool!

  • @kuniguo3562
    @kuniguo3562 2 года назад

    Love it! I always doubt my files organization

  • @sohye_lee
    @sohye_lee 2 года назад

    This is so helpful! Thank you so much!

  • @RaaneiPL
    @RaaneiPL 2 года назад

    Very helpful, thanks!

  • @janghueypark3592
    @janghueypark3592 2 года назад

    Thanks for sharing this!! this is super helpful!! :)

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

    Thank you for sharing, this is very helpful for organizing your work 😊
    Although I am not sure how you were able to section and group your pages on the left hand side panel.
    Can you please do a quick work through?
    If anyone knows how to do that please drop a comment

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

    Thanks, I really appreciate your video ❤
    You put some really good work
    But can you please put the recent link, the link 🔗in your description box id not working

  • @designduck
    @designduck 2 года назад

    wow. So organized!

  • @ekopranoto5367
    @ekopranoto5367 2 года назад

    Super helpfull !! Marvelous

  • @mariaheredia9814
    @mariaheredia9814 2 года назад

    Thank you so much for the video ❤️

  • @jinazhou1235
    @jinazhou1235 5 месяцев назад +2

    Hi, Excellent and educational video. All your template links are broken...can you repost?

  • @caphestudylog4028
    @caphestudylog4028 2 года назад

    This is super helpful! thank you so so much

  • @danialkhalil8586
    @danialkhalil8586 2 года назад

    thanks for the sharing. It really helpful ;)

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

    couldn't get the template cus the link got expired :(

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

    I'm curious how you handle more complicated files. For example, one flow with a myriad of variations based on a users selections. So think products like Notion, how would they organize designs and show a variety of ways to accomplish the same thing aka no clear sequential path.

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

    Thanks for this video. The design file links seem broken. Can we expect this to be up again? 🙏

  • @abcarvalho
    @abcarvalho 2 года назад +2

    You don’t have to export to png if all you want is to have it in a presentation. Just to CMD + SHIFT + C and copy as a png to the clipboard. Then paste it! That’s it!
    (Copy to png is m limited in terms of memory so be sure keep the object small, and it it always follows the export setting of existing - 1x, 2x, 4x etc - so beware of these as well)

  • @miniann213dd
    @miniann213dd 2 года назад

    very useful. thank you

  • @wangzig9800
    @wangzig9800 2 года назад

    very beautiful

  • @MyDigitalHub
    @MyDigitalHub 2 года назад

    PERFECT!

  • @whateverlisa.
    @whateverlisa. 2 года назад

    Thank you!! Really helpful, especially mockups part :з

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

    This is very helpful, thank you very much! Is there a way where I can get the file template? The chunbuns website is not working anymore :(

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

    Please provide me the template link. The existing one is not working.

  • @misssmiling7937
    @misssmiling7937 2 года назад

    I am actually learning ux ui design in course we need to start a project step by step ...what should I create ...how to come up with project ideas ...

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

    Great video! Are your files still live? The current links don't seem to be working. Thanks!

  • @Jordan-zz8qu
    @Jordan-zz8qu 2 года назад

    Create content, very helpful! Thank you

  • @jestinmwilson5140
    @jestinmwilson5140 4 месяца назад +1

    Please upload the link again..

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

    Hello, as of now the link for the template doesn't pull up on my end.

  • @zainabalgak6759
    @zainabalgak6759 2 года назад

    Thanks alot ♥️ can you help us talking about freelance des and how can I find client 😢

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

    Your website seems to be down. Would love to be able to get the mockup templates.

  • @Diem-Space
    @Diem-Space 10 месяцев назад

    Hello. Thank you for sharing, But I can not access your file organization template. Pls help me

  • @oprotonoo
    @oprotonoo 2 года назад

    Okay. But how do you find this perfectly described and structured file among all the huge number of files? Do you use a title search every time?

  • @marianageorgieva395
    @marianageorgieva395 2 года назад

    Thank you very much for sharing your knowledge. So helpful ❤ How can I get device mockups?

  • @alexcardoso4272
    @alexcardoso4272 2 года назад

    CTRL + SHIFT + C = Copy a PNG version of anything inside figma. You can now paste it in google slides, whatsapp, slack, whatever. 😘

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

    Can anyone provide me with a link for the device mockups template? Because the link in desription is not working.

  • @CarlosAlbertoLópez-k4g
    @CarlosAlbertoLópez-k4g 11 месяцев назад

    Hola, me parece excelente tu contenido, pero quise descargar la plantilla y tu sitio web ya no está al aire....ayudaaaaaaaaaaaaaaaaaaaa plisssss!

  • @demoai-n2h
    @demoai-n2h 6 месяцев назад

    how did you create the blank pages in pages panel? whenever i try to do it figma give auto name like Page 1 to it

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

    thank you for your time, the link it does'nt working anymore please could you update?

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

    the links dont work for me to download the device mockup template :/

  • @CRiStiCole
    @CRiStiCole 2 года назад

    i dowloaded the files but i don't have the pages with the devices

  • @liaqatthedesigner376
    @liaqatthedesigner376 2 года назад

    AOA,
    I am Muhammad Liaqat I am super impressed by your journey and I would love to learn more about your experiences in the ux ui design field. I am trying to learn from the best from you. I am new here in the ux ui design filed. how can i start ?
    Cheers, Liaqat

  • @thisislaraa
    @thisislaraa 2 года назад

    That´s so good! I just get confused sometimes when i´m using some methods like double diamond, for example. How do you insert your research, insights and files in that figma file? Do you insert at all?

  • @Aleci
    @Aleci 2 года назад

    Love this! Question. Do you also work with a Content Strategist? If so, can you explain that relationship? :)

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

    The account is expired

  • @BradleyBaxterIII
    @BradleyBaxterIII 2 года назад +4

    My company creates different files for each release (R1, R2) and we keep each project as a page in that file. It forces me to have everything for a project on one page which I feel somewhat hurts my ability to organize it.
    I guess it’s for others to be able to quickly go through the projects for each release. Does your company run into issues finding projects? How do you organize them at the team/organization level?

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

    I can't access the site. Is there any other place where I can download the file.

  • @letstalk-about-uiux
    @letstalk-about-uiux 6 месяцев назад +1

    it's not available now 🙂

  • @llu2736
    @llu2736 2 года назад

    Did u guys get the correct phone mockups template in the link description? Because I only got the cover template.

  • @hanphyoaung550
    @hanphyoaung550 2 года назад

    Hi , your device mockups link cannot be opened!!!

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

    For the design mockups can’t you just… screenshot a prototype in a device frame?

  • @islandsofvenus
    @islandsofvenus 2 года назад +1

    the design file does not look like that. am I doing something wrong?

    • @chunbuns
      @chunbuns  2 года назад

      The template should have all the same pages and header modules except for the actual screens of my designs. If there's anything specific that's missing, do let me know :)