Figma setup for UI/UX design projects

[@charliewinefield3644]

Got offered my first UX/UI job today after being self-taught for 6 months and watching your videos religiously - thanks for what you do, kept me motivated along the way!

[@AlienaCai]

I’m so happy for you!! Congrats! 🎉

[@muminul.design]

Congratulations

[@stardarkk]

can i see your portfolio?

[@brianm3160]

@@stardarkk no

[@stardarkk]

@@brianm3160 lmfao wat

[@AlienaCai]

Link to Figma: psxid.figma.com/mtvfdvfjvpps Link to Figma Professional Plan: psxid.figma.com/sp3ulqgt744y-cb44ct Check out this video to learn about how I organize my figma files for UI/UX design projects. Pages I usually include are: 🖼 Thumbnail 📃 Documentation 📐 Information Architecture 👤 Personas & User Journeys 📱 Hi-Fi Prototype --- 🏖 Sandbox 📦 Archive Let me know if you have more suggestions and tips 🙌

[@maticsmentor]

Aliena, also would you please tell shorts about selecting colors, icons, and typography for the app UI? thanks!

[@scarlettenyx3500]

Wow, I thought my file management was great until this video 😂 thank you for a wonderful resource for designers at all skill levels.

[@sarahm5465]

This is so helpful! I was feeling so lost and frustrated trying to figure this out by myself. After watching this, it was so doable and your explanations are so easy and clear. Thank you for sharing your knowledge with us!

[@Teriyakipapita]

I just looked around for figma workflows-- this is insightful!

[@kadekeqw23]

That waterdrop trick is amazing

[@tapankhora9481]

Thank you so much for creating such an amazing video it is really helpful for all the fellow designers out there who are just getting started in UI/UX

[@AlienaCai]

You are so welcome!

[@tapankhora9481]

@@AlienaCai my pleasure 🙂

[@Zee.M]

Love your design system! ♥️

[@AlienaCai]

Thank you! 😊

[@winmyintaung2781]

your cuteness is distracting me from learning (it may be cringe but i think it is a good one)

[@karshanasharma1908]

Super helpful, i always struggled with arranging files and pages. Thank you for this video!

[@AlienaCai]

You're very welcome!

[@hrushikeshchavan3444]

I am sure this is going to help me a lot

[@khushbudas4736]

By watching your videos I will definitely become a good Designer too🙂

[@maticsmentor]

Thanks aliena. ❤ More power to you!

[@AlienaCai]

thanks for the power 🙌🙏

[@harshikhajain5939]

This is so helpful !!! Your videos are awesome and super informative and easy to learn from. Thankyou!

[@AlienaCai]

Thank you for the comment 🙏❤️

[@coleboyce]

This is such a great video - really enjoyed watching and learning. Thank you!

[@AlienaCai]

Thanks for the comment!

[@cloned81]

Loved this. To the point, well explained and well demonstrated!

[@merieuxngoma9172]

i'm waiting for this one

[@anamafaldarochaferreira3316]

Thank you for the videos you made. They are very helpful.

[@AlienaCai]

Thanks for your support ❤️

[@uxerarafat]

Thank you so much for sharing. It helped a lot.

[@AlienaCai]

You're very welcome!

[@bhatshivas]

Your videos are very informative!!

[@AlienaCai]

Thanks 🙏

[@Deepak-uz6uu]

thankyou so much ma'am 🙏🏼👏🏼

[@patrickojeh]

Awesome 👏 . This was very helpful. Thank you. Also, as a side note I feel like you omitted walking through the “Documentation” page 🙂

[@AlienaCai]

Glad it was helpful! Had no documentation page for most of my projects 😂 exposed

[@daned22]

Thankyouuuuuu very much!, greetings from Mexico

[@AlienaCai]

Gacias ❤️

[@qindu4120]

感谢up主分享；一个小建议，Page的发音是‘配吉’，不是‘配直’，你可以注意下：）

[@AlienaCai]

谢谢！！如果你还听到啥别的不太对的发音也请告诉我哈，这样我也好及时改正 我以前就有一期视频一整期都读错了我讲的那个主题的单词🙈🙈🤣

[@duzacsp1376]

Thank you Aliena!

[@AlienaCai]

Thank you for the comment ❤️

[@anastasiiadreiser6408]

I really really appreciate you video thank you so much for your job! Could you please elaborate on IA and user personas (especially your workflow)

[@AlienaCai]

Thanks a lot! I’ve noted down your requests. My current job actually doesn’t require me to do IA or persona, but I’ll look into it 👍

[@brittei]

Hey if you use a Mac... control + command + spacebar gives you the emoji selector 😎

[@AlienaCai]

thank you!

[@marig9236]

Love your channel

[@AlienaCai]

Thank you!

[@TamarZiri]

So helpful! Thanks!!

[@porwinii]

Hi! You seem to know a lot about organizing projects, so I have a question. I'm working on a large product with a web and mobile application. I wonder if you would put your mobile and web projects on separate pages? Or rather keep them together based on page of the app you are working on (e.g. dashboard, settings, profile). It's adaptive design so some elements may be different like dialogs on web and bottomsheet on mobile.

[@ronbrown5194]

Great video! How did you make your logo for the thumbnail?

[@luciaviera2604]

Hi! I was wondering, how do you do to make the symbols appear on your pages?

[@amirajbara2732]

hi please how you add the icon to the side of the Thumbnail page and thanks

[@maticsmentor]

Waiting alina

[@sendd1555]

It's very Informative. Thank you! Could you share this prototype link?

[@AlienaCai]

Thank you! Can't share the link though, it's contains some private information.

[@sendd1555]

@@AlienaCai It's ok. could you share your case study project pwd?

[@warisk7980]

thx so much, which laptop do you use for UXD, is it Macbook Pro ?

[@technocatdance]

I always struggle to keep my files organized and now things look alot better, I just followed along and did this organizing to one of my figma files and wow so much cleaner now!! just in time for my internship starting next week🕺🏻 Do you use notion for text docs that will go into your figma at all?

[@AlienaCai]

Glad it was helpful! I actually haven't use notion in figma yet. You just reminded me to try it out 😄

[@danemaps5305]

Thanks you for these tips!! In my job team file I only have 3 pages and figma ask me to upgrade to create more pages 😕

[@AlienaCai]

Oh no 😅😅 Well another thing we designers need to figure out is working within constraint. I guess you can group a few pages together? 😅

[@aipingcheng7576]

great video! 哪些可可爱爱的小图标可以在哪里找到呀

[@AlienaCai]

我直接用的emoji～ 可以直接从我的视频description复制哈～

[@sylvanuschisom]

When working on my first project, I usually delete my old designs. So my portfolio doesn't have an iteration part, which makes me really scared.

[@AlienaCai]

Oppps, at least now you know you can simply create a page named "archive" and document your past iterations there! It's find that your first project is not the most ideal, as long as your most recent projects are better documented 👍

[@azran1180]

Do you design the components (buttons etc.) on a separate page?

[@AlienaCai]

Good question! I actually design them in the same page so that I can see whether it fits into those screens nicely. But keeping components in a separate page could be pretty clean too. The only con being that I have different iterations of those components too. So if I think a project is still in the early design phase, I’ll just keep the component within that page to represents which iteration it belongs to.

[@helenchinweike8080]

How do you add icons to the page file please teach me

[@AlienaCai]

Aha you copy the emoji I have in the description and paste it there. Basically just use the emoji you have in your device 👍

[@humansoftech5905]

"You don't archive files by just throwing things inside" Oh, you must have not worked with me

[@AlienaCai]

Oh, totally understand 😂 That's also me most of the time

[@ChinkyBeatboxer]

can you export or transfer figma to websites like wix?

[@AlienaCai]

Wow that'd be ideal. So far I haven't done anything like that.

[@ChinkyBeatboxer]

@@AlienaCai is it true ux designers always have to do presentations ands interactions with people? Not sure if this is the right career path for me since im pretty introverted

[@efrasteps]

Thanks Sys

[@JollyRogerJo]

Why writing notes when there are comments right there