How to organize your design file on Figma

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ม.ค. 2025

ความคิดเห็น • 198

  • @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 2 ปีที่แล้ว

      Thank You, its very helpfull

    • @sinxenon3181
      @sinxenon3181 ปีที่แล้ว +19

      @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 10 หลายเดือนก่อน +20

      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 5 หลายเดือนก่อน +4

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

  • @-grey
    @-grey 2 ปีที่แล้ว +2

    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.

  • @짱테이씨햄찌
    @짱테이씨햄찌 2 ปีที่แล้ว +43

    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 ปีที่แล้ว +4

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

    • @iiitk_nani
      @iiitk_nani 11 หลายเดือนก่อน

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

  • @joshblf
    @joshblf 2 ปีที่แล้ว +2

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

  • @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!

  • @artemisfay2042
    @artemisfay2042 2 ปีที่แล้ว +1

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

    • @chunbuns
      @chunbuns  2 ปีที่แล้ว

      awww 🥰 my pleasure!!

  • @downthispath6538
    @downthispath6538 2 ปีที่แล้ว

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

  • @khatiamaisuradze8450
    @khatiamaisuradze8450 2 ปีที่แล้ว +1

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

  • @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 11 หลายเดือนก่อน

      wahala o@@marcinksiazkiewicz2923

  • @komaincontrol
    @komaincontrol 2 ปีที่แล้ว

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

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

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

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

  • @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 2 ปีที่แล้ว

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

  • @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!

  • @soulaimanemonadile3767
    @soulaimanemonadile3767 2 ปีที่แล้ว

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

  • @elsiezheng8692
    @elsiezheng8692 2 ปีที่แล้ว

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

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

  • @IkyyPUBLIC
    @IkyyPUBLIC 2 ปีที่แล้ว +1

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

  • @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!

  • @femkedesign
    @femkedesign 2 ปีที่แล้ว

    So clean! Love it.

  • @khoirulanas1172
    @khoirulanas1172 2 ปีที่แล้ว

    Thank u christine. your explanation's so clear

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

  • @asthabhatia7764
    @asthabhatia7764 21 วันที่ผ่านมา

    This is so amazing ❤

  • @Naheleniel
    @Naheleniel 2 ปีที่แล้ว +1

    Thank you so much Chunbuns! 🤗❤️🌿

  • @robertkreft5653
    @robertkreft5653 2 ปีที่แล้ว

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

  • @erikagomes7520
    @erikagomes7520 8 หลายเดือนก่อน +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.

  • @YoonahBae
    @YoonahBae 2 ปีที่แล้ว

    This is a great example! Thanks for sharing Christina!

  • @alexandrachainss
    @alexandrachainss 2 ปีที่แล้ว +1

    Thank you for this, it helps a lot!

  • @merisimamovic965
    @merisimamovic965 2 ปีที่แล้ว

    This is really neat, good job and great video!

  • @jenykk
    @jenykk 2 ปีที่แล้ว

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

  • @bubbache
    @bubbache 2 ปีที่แล้ว

    I would looooove more Figma videos!

  • @gillzoid
    @gillzoid ปีที่แล้ว

    this is exactly what I needed, thank you!

  • @WilChow
    @WilChow 2 ปีที่แล้ว

    Excellent video. This was super helpful. Thanks!

  • @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!

  • @absbi0000
    @absbi0000 2 ปีที่แล้ว

    Another killer vid 🙌

  • @jinazhou1235
    @jinazhou1235 9 หลายเดือนก่อน +2

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

  • @agraciotti
    @agraciotti 4 หลายเดือนก่อน

    Very helpful, thank you!

  • @dianaburm
    @dianaburm 2 ปีที่แล้ว

    Really useful tips! Thank you!

  • @ludmilarodrigues1717
    @ludmilarodrigues1717 2 ปีที่แล้ว

    I loved!!! Thank you so much!

  • @helloemilymills
    @helloemilymills 2 ปีที่แล้ว

    So helpful, and I love the mockups template! Thanks for sharing :)

  • @Taskade
    @Taskade 2 ปีที่แล้ว

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

  • @valeria_wow_dovzh
    @valeria_wow_dovzh ปีที่แล้ว

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

  • @elisauiloa2161
    @elisauiloa2161 2 ปีที่แล้ว

    I just love you, haha. This is exactly what I was looking for. Many thanks! :)

  • @genevalam8964
    @genevalam8964 2 ปีที่แล้ว

    The video I needed!!! Thank you 💕

  • @MalikDixon
    @MalikDixon 2 ปีที่แล้ว

    Thank you for sharing your Figma template. I have download the file It is well organized and easy to use. Greatly appreciated.

  • @sookim9773
    @sookim9773 2 ปีที่แล้ว

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

  • @Sunrisestarshine
    @Sunrisestarshine 2 ปีที่แล้ว

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

  • @gj1489
    @gj1489 2 ปีที่แล้ว

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

  • @ameereeo
    @ameereeo 2 ปีที่แล้ว

    it's super helpful 😍 thank you

  • @jaysenb
    @jaysenb 2 ปีที่แล้ว

    SWEET VIDEO, super cool!

  • @mariaheredia9814
    @mariaheredia9814 2 ปีที่แล้ว

    Thank you so much for the video ❤️

  • @kvsibuea
    @kvsibuea 2 ปีที่แล้ว +1

    Thankyouu so much🤍🤍🤍

  • @wen-tingfan4838
    @wen-tingfan4838 2 ปีที่แล้ว

    You're so right that in house designers don't really focus too much on file organization hahaha (or we all have our own styles). This is super helpful :) Definitely going to take some of this and start trying it out with my team!

  • @abbyhuh1460
    @abbyhuh1460 2 ปีที่แล้ว

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

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

  • @janghueypark3592
    @janghueypark3592 2 ปีที่แล้ว

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

  • @Isabelle-t7t
    @Isabelle-t7t 2 ปีที่แล้ว

    This is so helpful! Thank you so much!

  • @RaaneiPL
    @RaaneiPL 2 ปีที่แล้ว

    Very helpful, thanks!

  • @vibewords7088
    @vibewords7088 ปีที่แล้ว +2

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

  • @ekopranoto5367
    @ekopranoto5367 2 ปีที่แล้ว

    Super helpfull !! Marvelous

  • @victorportes6876
    @victorportes6876 2 ปีที่แล้ว

    You are a Godess!!! Super thnx!

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

  • @danialkhalil8586
    @danialkhalil8586 2 ปีที่แล้ว

    thanks for the sharing. It really helpful ;)

  • @figmintutorials
    @figmintutorials 2 ปีที่แล้ว

    So helpful! Thank you😊

  • @londonzhang
    @londonzhang ปีที่แล้ว +7

    I think the template link is broken :(

    • @sahilarora2253
      @sahilarora2253 ปีที่แล้ว

      do you know how to access this?

  • @caphestudylog4028
    @caphestudylog4028 2 ปีที่แล้ว

    This is super helpful! thank you so so much

  • @Bernadettecao413
    @Bernadettecao413 ปีที่แล้ว +2

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

  • @Phoenix-Light
    @Phoenix-Light 2 ปีที่แล้ว

    Thank you! 😁

  • @jetizon
    @jetizon 2 ปีที่แล้ว +1

    Thanks CB

  • @carlosjavier6059
    @carlosjavier6059 10 หลายเดือนก่อน +1

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

  • @nadayounes4180
    @nadayounes4180 2 ปีที่แล้ว +1

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

  • @designduck
    @designduck 2 ปีที่แล้ว

    wow. So organized!

  • @miniann213dd
    @miniann213dd 2 ปีที่แล้ว

    very useful. thank you

  • @MyDigitalHub
    @MyDigitalHub 2 ปีที่แล้ว

    PERFECT!

  • @shamaraphillips9630
    @shamaraphillips9630 ปีที่แล้ว

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

  • @wangzig9800
    @wangzig9800 2 ปีที่แล้ว

    very beautiful

  • @k-turner
    @k-turner 2 ปีที่แล้ว

    Thank you!

  • @tatyanavervekina8262
    @tatyanavervekina8262 16 ชั่วโมงที่ผ่านมา

    Where do you put your components? Is it at another one page or on the same page in Designs? Do you do an extra section for it?

  • @thydevdom
    @thydevdom 10 หลายเดือนก่อน

    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

  • @hussainawardhawala7348
    @hussainawardhawala7348 ปีที่แล้ว

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

  • @pragyagupta7536
    @pragyagupta7536 ปีที่แล้ว

    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

  • @cynthiacaxton
    @cynthiacaxton 2 ปีที่แล้ว

    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

  • @itsgivingkyle
    @itsgivingkyle 2 ปีที่แล้ว

    Do you do design sprints virtually? If so how do you go about it?

  • @rigobeas7577
    @rigobeas7577 ปีที่แล้ว

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

  • @marianazlatna
    @marianazlatna 2 ปีที่แล้ว

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

  • @spectredox
    @spectredox 2 ปีที่แล้ว

    This is great! I also want to know about typography, color and spacing system. :D

  • @milderaddiction8865
    @milderaddiction8865 9 หลายเดือนก่อน

    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.

  • @carlarocha2835
    @carlarocha2835 ปีที่แล้ว

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

  • @Entity9009
    @Entity9009 2 ปีที่แล้ว +1

    Do you use active components in your designs? Like a drop down, working buttons etc. in preview/test?

  • @zainabalgak6759
    @zainabalgak6759 2 ปีที่แล้ว

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

  • @Jordan-zz8qu
    @Jordan-zz8qu 2 ปีที่แล้ว

    Create content, very helpful! Thank you

  • @benjaminjmace
    @benjaminjmace ปีที่แล้ว +1

    How do you maintain the state of a design in your "Desings" section if it uses components? For example a dropdown component in round 1 and in the crit they want the spacing or shadow different. You'd have the crit page and start a new page for the new design but, changing the drop down component would change the older and archived pages too right? Do you make new components? Do you break the older ones apart for archive purposes? Thanks!

  • @whateverlisa.
    @whateverlisa. 2 ปีที่แล้ว

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

  • @kuniguo3562
    @kuniguo3562 2 ปีที่แล้ว

    Love it! I always doubt my files organization

  • @letstalk-about-uiux
    @letstalk-about-uiux 10 หลายเดือนก่อน +1

    it's not available now 🙂

  • @darrenyang294
    @darrenyang294 2 ปีที่แล้ว

    This is very organized, but wondering how large is the file? Can't imagine every time I need to open a giant file to start working on it

  • @pedrodavidsilva641
    @pedrodavidsilva641 2 ปีที่แล้ว

    hello!! very nice job, and good luck!!!! i saw that on the figma, doesn't appear de devices, have you already deleted the file?