Figma setup for UI/UX design projects

Рет қаралды 27,005

Күн бұрын

Link to Figma: psxid.figma.com/mtvfdvfjvpps
Link to Figma Professional Plan: psxid.figma.com/sp3ulqgt744y-...
Check out this video to learn about how I setup and 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
Video Breakdown:
Pages I include in a Figma file: (0:00)
Design and setup a thumbnail: (1:20)
How to present the latest prototype: (4:50)
How to organize important pages: (10:34)
How to organize archived pages: (11:07)
Where to explore new designs: (14:10)
🚀 Subscribe to learn more about UX design at kzfaq.info?sub_confirmati...
Check out the following videos to learn more about entering the field of UX design:
📱 How to get your first UX Design role: • How to get your first ...
📱 Google UX Design Certificate Program: • Google UX Design Profe...
📱 How to build your first UX Design Portfolio: • UX Portfolio: How to c...
📱 How to write a UX Case Study: • UX Portfolio: How to c...
📱 How to improve the visual of your UX Portfolio: • How to improve the VIS...
📱How to write a UX Design Resume that gets you a job: • How to write a UX Desi...
📱 UX Design Whiteboard Challenge: • Remote UX Design White...
📱 a Day in the Life of a UX Designer working from home: • Remote UX Design White...
#figma #figmatutorial #uxdesign

Пікірлер: 80

@charliewinefield3644 2 жыл бұрын

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 2 жыл бұрын

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

@muminul.design 2 жыл бұрын

Congratulations

@stardark9mc 2 жыл бұрын

can i see your portfolio?

@brianm3160 2 жыл бұрын

@@stardark9mc no

@stardark9mc 2 жыл бұрын

@@brianm3160 lmfao wat

@AlienaCai 2 жыл бұрын

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 2 жыл бұрын

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

@Teriyakipapita 6 күн бұрын

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

@cloned81 Жыл бұрын

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

@kadekeqw23 11 ай бұрын

That waterdrop trick is amazing

@sarahm5465 9 ай бұрын

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!

@coleboyce 2 жыл бұрын

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

@AlienaCai 2 жыл бұрын

Thanks for the comment!

@Zee.M 2 жыл бұрын

Love your design system! ♥️

@AlienaCai 2 жыл бұрын

Thank you! 😊

@maticsmentor 2 жыл бұрын

Thanks aliena. ❤ More power to you!

@AlienaCai 2 жыл бұрын

thanks for the power 🙌🙏

@karshanasharma1908 2 жыл бұрын

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

@AlienaCai 2 жыл бұрын

You're very welcome!

@merieuxngoma9172 2 жыл бұрын

i'm waiting for this one

@Deepak-uz6uu 4 ай бұрын

thankyou so much ma'am 🙏🏼👏🏼

@harshikhajain5939 Жыл бұрын

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

@AlienaCai Жыл бұрын

Thank you for the comment 🙏❤️

@hrushikeshchavan3444 2 жыл бұрын

I am sure this is going to help me a lot

@TamarZiri Жыл бұрын

So helpful! Thanks!!

@anamafaldarochaferreira3316 2 жыл бұрын

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

@AlienaCai 2 жыл бұрын

Thanks for your support ❤️

@tapankhora9481 2 жыл бұрын

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 2 жыл бұрын

You are so welcome!

@tapankhora9481 2 жыл бұрын

@@AlienaCai my pleasure 🙂

@duzacsp1376 2 жыл бұрын

Thank you Aliena!

@AlienaCai 2 жыл бұрын

Thank you for the comment ❤️

@uxerarafat 11 ай бұрын

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

@AlienaCai 9 ай бұрын

You're very welcome!

@khushbudas4736 Жыл бұрын

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

@bhatshivas 2 жыл бұрын

Your videos are very informative!!

@AlienaCai 2 жыл бұрын

Thanks 🙏

@scarlettenyx3500 4 ай бұрын

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

@daned22 2 жыл бұрын

Thankyouuuuuu very much!, greetings from Mexico

@AlienaCai 2 жыл бұрын

Gacias ❤️

@marig9236 2 жыл бұрын

Love your channel

@AlienaCai 2 жыл бұрын

Thank you!

@winmyintaung2781 Жыл бұрын

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

@anastasiiadreiser6408 2 жыл бұрын

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 2 жыл бұрын

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 👍

@ronbrown5194 8 ай бұрын

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

@patrickojeh 2 жыл бұрын

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

@AlienaCai 2 жыл бұрын

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

@maticsmentor 2 жыл бұрын

Waiting alina

@warisk7980 Жыл бұрын

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

@technocatdance 2 жыл бұрын

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 2 жыл бұрын

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

@luciaviera2604 Жыл бұрын

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

@qindu4120 6 ай бұрын

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

@AlienaCai 6 ай бұрын

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

@brittei Жыл бұрын

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

@AlienaCai Жыл бұрын

thank you!

@amirajbara2732 11 ай бұрын

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

@danemaps5305 2 жыл бұрын

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 2 жыл бұрын

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

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

@aipingcheng7576 2 жыл бұрын

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

@AlienaCai 2 жыл бұрын

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

@porwinii 5 ай бұрын

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.

@azran1180 2 жыл бұрын

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

@AlienaCai 2 жыл бұрын

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 2 жыл бұрын

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

@AlienaCai 2 жыл бұрын

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

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

@ChinkyBeatboxer 2 жыл бұрын

can you export or transfer figma to websites like wix?

@AlienaCai 2 жыл бұрын

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

@ChinkyBeatboxer 2 жыл бұрын

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