How I organize my Figma files to overcome the creative block (with Template)
ฝัง
- เผยแพร่เมื่อ 1 พ.ค. 2024
- Brief rundown on how I start my designs by organizing my Figma file as a way to get unblocked from the way too common creative block. I like to call it blank canvas block :)
You can find me on twitter @aloracpc -- / aloracpc
[Links]
Design Project Template on Figma community: www.figma.com/community/file/...
[Timestamps]
00:00 - Intro
01:30 - File structure
10:41 - Design Project Template
13:12: - Closing
![[Part 2] Smart Animate Tutorial](/img/n.gif)
Thanks Carola ! I`m new in design and in figma and this help me a lot. The way you think and organize files just open my mind for so much possibilities that i was not seeing
Thank you !! The template just blew me away. I have always struggled to find UX points and cross check them in design, but It's so cool that you put everything for us.
Thanks Carola. Your videos are truly the "worthy" ones.
As a new design student this kind of helpful workflow tips aren't taught in school are SUPER HELPFUL! I just downloaded the template from the community and will leave comments there too once I've used it.
Thank you for this... recently transitioning to Figma (love it!). Always looking for clever and intuitive ways to get organized... because it doesn't come naturally. Your vid and your system are straight to the point. Well done. TY!
Woot woot! So many resources, so much knowledge. I'm amazed I've gone this far in my career without guidance like this to help. 🙌
Thanks Carola, I've been a Sketch user for over 5 years and I'm just getting into Figma now.
I'm new to Figma and I found this very helpful. Working in this space is so different from Photoshop or Illustrator and I found my files were a bit of a mess. Creating separate pages is brilliant. I'm going to check out your template and see what and how I can incorporate it into my work flow. Thanks.
This is awesome Carola. This literally changed the way I approach figma projects. Thank you ❤️❤️👍! Please make more videos when you get time!
Amazing! thank you so much for sharing all of this and being honest about creative blockade, which I believe everyone experience here and there. Your videos really helped me a lot in design process, thank you!
Such an amazing video, simple & clear & your provided us with a great template to get started. You definitely are helping me on a project I've been struggling to start on.
YES!!! just what I was looking for. Thanks for getting me started, I had no Idea.
You deserve a big THANK YOU! From Colombia :D
This was super helpful! Thank you Carola.
I've watched this several times. As a student w/no experience in a professional environment/on a professional project, this is very useful to listen to your thought/work process. Very helpful and informative. Thank you.
Very cool thanks for putting this together and sharing!!
Thankyou, it's really a precious gift.
I love your idea about dividers and emojiis, Great!!! Thank you!
That was really cool video. I can relate to that feeling of looking at empty canvas. This is super helpful
Thanks you for explaining everythings in such a great details
Thank you for the detailed video and the Figma resource!! I'm really enjoying your videos :)
Brilliant! Clicked for the creative block solutions and walked away with more solutions to problems I didn't even realize I had 😂
Thank you!
Thanks Carola! Love this framework for getting started. I am definitely one of those people that have blank canvas paralysis 😅
Thanks for all those information Carola! This helps me a lot! need more movies from you:D
Good stuff! Very helpful. Thank you.
Carola this was incredible! Thank you so much for producing great content! As a UX Student, I feel constantly overwhelmed with knowing that I don't know what I'm doing. I'm not great at organizing content because I'm still trying to make sense of the process. I'm excited to use this for upcoming projects and as a standard moving forward with Design! Could you do a video covering how you go about naming components, variants, and just design screens in general? I'm curious how you go about that and keep things nice and tidy or what your process is before you hand designs off.
Tutorial very helpful!!! I love our your videos and how you explain perfectly all your knowledge about Figma! I need more videos like this and I think that all your followers want more and more!! keep up the good work!
Love this video! Thanks for sharing. It helped me so much.
This is awesome ✨
This was really great! I had not organized my projects this way, but it makes sense and I'm going to start doing it.
Glad it was helpful :)
Solid thanks Carola
Brilliant, thank you so much!
thank you for this video it's SO helpful
Hey Corola, Thank you so very much for sharing up the great Idea's :)
This was ✨super✨ helpful! Thank you! :)
keep coming up with these stuff u r good!
Just found this video, came here from your Twitter. I’ve been a long time Adobe user and I’m just getting into Figma. Thanks for the breakdown and for the file. I’ll definitely be using it
🙏🙏
It was super useful! Thanks for sharing!
Thank you so much!! Super useful. I love your videos ❤️
Thanks so much for this insightful video
I love just your tips. so helping
This is really realistic, I like it. I like how you start the video,.
Yeah... I can agree... This serves me just like an additional proof that I was moving in right direction. :) Thank You for sharing this video. For me personally... I can't even lift off if there is a clutter all around. Even if files and pages are empty, but they are nicely named and organized, that helps tremendously to come up with the ideas. Same applies to me when writing code. If there is no structure, I can't even meaningfully think.
Thank you very much for your content !
Thank you. It was very helpful. 👍
Nice and useful video, thank you!
I use a similar structure. Consider using a "Main" page to indicate the page with the latest work (you can rename pages as needed). For milestones (reviews, iterations, etc.) you can use a scheme like "Milestone / M1" - the same idea as your research/presentation/prototype pages. For larger projects, you can organize your explorations in the same way (e.g. "Explorations / Navigation").
thanks a lot. very helpful
[ This is a Wow comment!! ]
Hello Carola, I'm starting to move in to Figma (from the Adobe world). I feel a bit lost because i need to reset my mind of some well establish design rituals. Searching in TH-cam for guidance I came across your channel, and i'm impress with 3 things:
a) The ability to communicate the emotions in the creative process
b) The way you combine the organic flow of ideas and the engineering of the workflow.
c) Pointing in to some specific tools and give them clear purpose to get the job done.
Hey! that's amazing --- Keep this content alive --- Cheers from Lisbon Portugal
Design Readiness Checklist is a super good idea, especially for someone like me working with multiple brands under one house, doing different types of content from scratch.
thanks Carola!
Very helpful, thank you
that's lovely & informative♥❤
You are awesome! Thankyou!
Very refreshing to see other designers do the same things we’re trying to figure out in our company. For dividers, we use one em dash -. In some cases we also found that we needed headers for grouping pages so we create a blank page and format it like this: H E A D E R Thanks for this!
Clever hack :)
You love your tutorial, it's really help me a lot, keep creating good stuff, would you make a series of tutorial about design system
Sooo useful Carola!
Thank you!
Would love to see how you organize and reuse assets and components :)
Most of the times I rely on our amazing Design Systems team :) so I'm a little rusty on components organization :D
@@carolapc fair enough! grazie mille
u share some usefull stuf, i love it
Thanks a lot for this video.
Thanks for sharing
This is sweet thanks Carola! You mentioned about porting over Project Overview information from your Paper files into Figma. It'd be cool to see a video about your documentation in Paper (maybe other places too?) when working on a project 🙂
Thanks for the suggestion Loryn!! I had been thinking about that and wasn't sure if anyone would have been interested. I may do it!
thank you. again.
Thank you!
Thank You! And PLEASE come back on YT!
Cool! Thanks!
Thanks for the video and Figma file. Would you be willing to make another video explaining in detail how you use those pages? E.g. ⚡️ Prototype - do you ever delete them or do you keep all prorotypes there? Where do you save approved designs? How do you handle mobile vs desktop versions?
Thanks! Awesome work girl
Thank you :)
Thats so good thank you so much :) ive also add some wireframe kits which are fit well :)
Thank you.
super dupa useful!!!
Nice video 🤘. I've been talking about exactly this with my team. Please, if you have any updates on this topic or related processes, make new videos 🤗
Grazie Mille!
Good stuff Carola! If I may suggest, don’t keep competitor screen shots in your files. This is a legal issue, if a competitor sues your company for infringement, the files can be subpoenaed and you’ve lost your case. This has actually happened. Keep sharing
Something I alway have is a Requirement page or something a jira ticket page which basically house what you have been asked to do. I would a screenshot of that jira ticket or requirement document for easy reference and add a link nearby to direct access the original if necessary. The idea is the same which is to have everything you need in one Figma file without having to frequenty search for it.
Capital material, thanks. Do you have any tips for dealing with resistance? 😅
you are a diamond =)
Thanks! What's the shortcut for accessing emojis? Also, a video on how you organise the content of the pages would be helpful too (or anything related to keeping files and layouts neat)
Ctrl+cmd+space on Mac and Ctrl+. on windows!
So so useful. Thanks for sharing with the design community. #dividerlife saved my life on Figma :)
Thank you friend 😊
I would also try picking into the minds of any Scrum Product Owners, or any developers in your surroundings.
I have seen that sometimes you might have several people working on several features of the same app/project asynchronously, using the same files, and there you need to segregate and divide your work into pieces so others can safely collaborate without breaking any stuff that you already got working.
I'd suggest a similar structure, divided by product features, it might look a bit complex at first sight but also might be helpful later on:
+ Feature #7890123
++ Overview
==== Use Case
==== User Story
==== Proposed Solution
==== Acceptance Criteria (as defined by the client/customer/end user)
++ Work in Progress
...
++ Finished Milestones
...
++ References
+++ SVGs
+++ Screenshots
++++ Portfolios
...
++++ Competitors
...
++ Drafts
+++ Research
++++ Other Use Cases
...
++++ Experimenting
...
Your videos are so helpful! I wish you were still uploading content on TH-cam, but I bet you are too busy being successful 💰💰
Please upload a video "How do you do a project from start to finish" I badly need that :(
Beauty with brain
Can u make a video on how to get started for designing for responsive mobile ?
Very cool. So many great ideas, yet Dropbox is so dull and difficult to navigate. Seems to be a disconnect there.
Good for uiux design.
how you prototype between pages
@carola
Hi carola thanks for video it helps a lot...... I am UI developer and i am beginner to UX design i finished some of learning materials on figma
is figma free for individuals...how many files or projects will be free for individual..?
Yes! Figma Is totally free for individuals with (I think) as many projects as you like :)
Keep on going my friend!
Ciao complimenti per il Canale (ah-ah)
Does anyone know how the videos are captured? With Screencast?
That feeling, i don't have it. -Captain Jack Sparrow
you are looking good in black heirs
Hi. Can you help me? Unfortunately I touched something and I can’ t see anymore the window’s taskbar. Any idea?
heres my tips of overcoming creative block, go online and steal ideas from others to start off. eventually your ideas will come pouring out. As a true creative, you rarely run out of creative juice, you just need a motivation, a push, a light bulb, a spark of some sorts to get going.
How do you bring up the emoji keyboard?
Is it possible to do a project with you? I will be very grateful.
What does 'DIG' mean?
100 comment done!! XD
This intro... Just saw myself
For 📖 README, I would not delete that page, ever! I would keep it so new designers can read and learn how you have organized the files.
I love your teeth!
You are beautiful...Sorry for being a creep..but I had to say it.