Figma setup for UI/UX design projects
Vložit
- čas přidán 1. 07. 2024
- 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 czcams.com/users/alienacai?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 - Věda a technologie
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!
I’m so happy for you!! Congrats! 🎉
Congratulations
can i see your portfolio?
@@stardark9mc no
@@brianm3160 lmfao wat
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 🙌
Aliena, also would you please tell shorts about selecting colors, icons, and typography for the app UI? thanks!
That waterdrop trick is amazing
Loved this. To the point, well explained and well demonstrated!
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!
Love your design system! ♥️
Thank you! 😊
This is such a great video - really enjoyed watching and learning. Thank you!
Thanks for the comment!
Super helpful, i always struggled with arranging files and pages. Thank you for this video!
You're very welcome!
Thanks aliena. ❤ More power to you!
thanks for the power 🙌🙏
I am sure this is going to help me a lot
This is so helpful !!! Your videos are awesome and super informative and easy to learn from. Thankyou!
Thank you for the comment 🙏❤️
i'm waiting for this one
Thank you for the videos you made. They are very helpful.
Thanks for your support ❤️
thankyou so much ma'am 🙏🏼👏🏼
So helpful! Thanks!!
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
You are so welcome!
@@AlienaCai my pleasure 🙂
Thank you so much for sharing. It helped a lot.
You're very welcome!
By watching your videos I will definitely become a good Designer too🙂
Thank you Aliena!
Thank you for the comment ❤️
Thankyouuuuuu very much!, greetings from Mexico
Gacias ❤️
Your videos are very informative!!
Thanks 🙏
Great video! How did you make your logo for the thumbnail?
Love your channel
Thank you!
Wow, I thought my file management was great until this video 😂 thank you for a wonderful resource for designers at all skill levels.
your cuteness is distracting me from learning (it may be cringe but i think it is a good one)
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)
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 👍
thx so much, which laptop do you use for UXD, is it Macbook Pro ?
Awesome 👏 . This was very helpful.
Thank you.
Also, as a side note I feel like you omitted walking through the “Documentation” page 🙂
Glad it was helpful! Had no documentation page for most of my projects 😂 exposed
Hi! I was wondering, how do you do to make the symbols appear on your pages?
Waiting alina
hi please how you add the icon to the side of the Thumbnail page and thanks
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?
Glad it was helpful! I actually haven't use notion in figma yet. You just reminded me to try it out 😄
Hey if you use a Mac... control + command + spacebar gives you the emoji selector 😎
thank you!
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 😕
Oh no 😅😅 Well another thing we designers need to figure out is working within constraint. I guess you can group a few pages together? 😅
感谢up主分享；一个小建议，Page的发音是‘配吉’，不是‘配直’，你可以注意下：）
谢谢！！如果你还听到啥别的不太对的发音也请告诉我哈，这样我也好及时改正
我以前就有一期视频一整期都读错了我讲的那个主题的单词🙈🙈🤣
great video! 哪些可可爱爱的小图标可以在哪里找到呀
我直接用的emoji～ 可以直接从我的视频description复制哈～
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.
It's very Informative.
Thank you!
Could you share this prototype link?
Thank you! Can't share the link though, it's contains some private information.
@@AlienaCai It's ok. could you share your case study project pwd?
Do you design the components (buttons etc.) on a separate page?
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.
How do you add icons to the page file please teach me
Aha you copy the emoji I have in the description and paste it there. Basically just use the emoji you have in your device 👍
can you export or transfer figma to websites like wix?
Wow that'd be ideal. So far I haven't done anything like that.
@@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
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.
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 👍
"You don't archive files by just throwing things inside" Oh, you must have not worked with me
Oh, totally understand 😂 That's also me most of the time
Thanks Sys
Why writing notes when there are comments right there