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.
[ 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 UA-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
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
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.
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.
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!
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
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!
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.
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!
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.
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.
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!
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.
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
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)
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
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").
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 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
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.
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 ...
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..?
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.
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.
[ 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 UA-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
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 ! 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
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.
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.
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 love your idea about dividers and emojiis, Great!!! Thank you!
You deserve a big THANK YOU! From Colombia :D
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!
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
🙏🙏
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 :)
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.
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!
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.
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!
This was super helpful! Thank you Carola.
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!
Thankyou, it's really a precious gift.
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.
Thanks for all those information Carola! This helps me a lot! need more movies from you:D
Love this video! Thanks for sharing. It helped me so much.
Thanks Carola! Love this framework for getting started. I am definitely one of those people that have blank canvas paralysis 😅
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
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 :)
YES!!! just what I was looking for. Thanks for getting me started, I had no Idea.
Thank you for the detailed video and the Figma resource!! I'm really enjoying your videos :)
Very cool thanks for putting this together and sharing!!
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!
I love just your tips. so helping
Solid thanks Carola
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
This was ✨super✨ helpful! Thank you! :)
Thank You! And PLEASE come back on YT!
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").
keep coming up with these stuff u r good!
Nice and useful video, thank you!
Good stuff! Very helpful. Thank you.
thank you for this video it's SO helpful
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!
Hey Corola, Thank you so very much for sharing up the great Idea's :)
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
Thank you. It was very helpful. 👍
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
thanks Carola!
Thank you so much!! Super useful. I love your videos ❤️
It was super useful! Thanks for sharing!
Thank you very much for your content !
thanks a lot. very helpful
Very helpful, thank you
This is really realistic, I like it. I like how you start the video,.
Thanks so much for this insightful video
You are awesome! Thankyou!
This is awesome ✨
super dupa useful!!!
Cool! Thanks!
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? 😅
Thanks for sharing
Brilliant, thank you so much!
Thats so good thank you so much :) ive also add some wireframe kits which are fit well :)
thank you. again.
Thank you.
Thanks a lot for this video.
Thank you :)
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 🤗
Please upload a video "How do you do a project from start to finish" I badly need that :(
u share some usefull stuf, i love it
Hi. Can you help me? Unfortunately I touched something and I can’ t see anymore the window’s taskbar. Any idea?
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
Can u make a video on how to get started for designing for responsive mobile ?
that's lovely & informative♥❤
Very cool. So many great ideas, yet Dropbox is so dull and difficult to navigate. Seems to be a disconnect there.
Thank you!
Your videos are so helpful! I wish you were still uploading content on UA-cam, but I bet you are too busy being successful 💰💰
Good for uiux design.
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
...
Grazie Mille!
Beauty with brain
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!
Does anyone know how the videos are captured? With Screencast?
you are a diamond =)
How do you bring up the emoji keyboard?
you are looking good in black heirs
So so useful. Thanks for sharing with the design community. #dividerlife saved my life on Figma :)
Thank you friend 😊
Ciao complimenti per il Canale (ah-ah)
how you prototype between pages
@carola
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.
Is it possible to do a project with you? I will be very grateful.
What does 'DIG' mean?
Thank you for sharing! This is very helpful :) #BABYUXDESIGNER
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.
Please upload a video "How do you do a project from start to finish" I badly need that :(