Figma setup for UI/UX design projects

Поделиться
HTML-код
  • Опубликовано: 21 ноя 2024

Комментарии • 80

  • @charliewinefield3644
    @charliewinefield3644 2 года назад +51

    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
      @AlienaCai  2 года назад +2

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

    • @muminul.design
      @muminul.design 2 года назад

      Congratulations

    • @stardarkk
      @stardarkk 2 года назад

      can i see your portfolio?

    • @brianm3160
      @brianm3160 2 года назад

      @@stardarkk no

    • @stardarkk
      @stardarkk 2 года назад +1

      @@brianm3160 lmfao wat

  • @sarahm5465
    @sarahm5465 Год назад +3

    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!

  • @AlienaCai
    @AlienaCai  2 года назад +17

    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
      @maticsmentor 2 года назад

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

  • @kadekeqw23
    @kadekeqw23 Год назад +1

    That waterdrop trick is amazing

  • @scarlettenyx3500
    @scarlettenyx3500 8 месяцев назад +1

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

  • @Teriyakipapita
    @Teriyakipapita 3 месяца назад

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

  • @tapankhora9481
    @tapankhora9481 2 года назад +5

    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

  • @Zee.M
    @Zee.M 2 года назад +5

    Love your design system! ♥️

  • @khushbudas4736
    @khushbudas4736 2 года назад

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

  • @cuteanimalsvideos-cav
    @cuteanimalsvideos-cav Год назад

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

  • @hrushikeshchavan3444
    @hrushikeshchavan3444 2 года назад +2

    I am sure this is going to help me a lot

  • @karshanasharma1908
    @karshanasharma1908 2 года назад +1

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

    • @AlienaCai
      @AlienaCai  2 года назад

      You're very welcome!

  • @qindu4120
    @qindu4120 10 месяцев назад

    感谢up主分享;一个小建议,Page的发音是‘配吉’,不是‘配直’,你可以注意下:)

    • @AlienaCai
      @AlienaCai  10 месяцев назад

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

  • @maticsmentor
    @maticsmentor 2 года назад +1

    Thanks aliena. ❤ More power to you!

    • @AlienaCai
      @AlienaCai  2 года назад

      thanks for the power 🙌🙏

  • @ronbrown5194
    @ronbrown5194 Год назад

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

  • @harshikhajain5939
    @harshikhajain5939 2 года назад +1

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

    • @AlienaCai
      @AlienaCai  2 года назад +1

      Thank you for the comment 🙏❤️

  • @anamafaldarochaferreira3316
    @anamafaldarochaferreira3316 2 года назад +1

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

    • @AlienaCai
      @AlienaCai  2 года назад +1

      Thanks for your support ❤️

  • @brittei
    @brittei Год назад +1

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

  • @uxerarafat
    @uxerarafat Год назад +1

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

  • @merieuxngoma9172
    @merieuxngoma9172 2 года назад +2

    i'm waiting for this one

  • @patrickojeh
    @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
      @AlienaCai  2 года назад +1

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

  • @coleboyce
    @coleboyce 2 года назад +1

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

    • @AlienaCai
      @AlienaCai  2 года назад +1

      Thanks for the comment!

  • @sendd1555
    @sendd1555 2 года назад +1

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

    • @AlienaCai
      @AlienaCai  2 года назад

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

    • @sendd1555
      @sendd1555 2 года назад

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

  • @duzacsp1376
    @duzacsp1376 2 года назад +1

    Thank you Aliena!

    • @AlienaCai
      @AlienaCai  2 года назад +1

      Thank you for the comment ❤️

  • @cloned81
    @cloned81 Год назад

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

  • @anastasiiadreiser6408
    @anastasiiadreiser6408 2 года назад +1

    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
      @AlienaCai  2 года назад +1

      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 👍

  • @warisk7980
    @warisk7980 Год назад

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

  • @bhatshivas
    @bhatshivas 2 года назад +1

    Your videos are very informative!!

  • @Deepak-uz6uu
    @Deepak-uz6uu 8 месяцев назад

    thankyou so much ma'am 🙏🏼👏🏼

  • @aipingcheng7576
    @aipingcheng7576 2 года назад +1

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

    • @AlienaCai
      @AlienaCai  2 года назад

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

  • @porwinii
    @porwinii 9 месяцев назад

    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.

  • @luciaviera2604
    @luciaviera2604 Год назад +1

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

  • @TamarZiri
    @TamarZiri Год назад

    So helpful! Thanks!!

  • @marig9236
    @marig9236 2 года назад +1

    Love your channel

  • @danemaps5305
    @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
      @AlienaCai  2 года назад +1

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

  • @daned22
    @daned22 2 года назад

    Thankyouuuuuu very much!, greetings from Mexico

  • @technocatdance
    @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
      @AlienaCai  2 года назад

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

  • @amirajbara2732
    @amirajbara2732 Год назад

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

  • @maticsmentor
    @maticsmentor 2 года назад +1

    Waiting alina

  • @azran1180
    @azran1180 2 года назад +1

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

    • @AlienaCai
      @AlienaCai  2 года назад +1

      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.

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

  • @helenchinweike8080
    @helenchinweike8080 2 года назад

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

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

  • @ChinkyBeatboxer
    @ChinkyBeatboxer 2 года назад

    can you export or transfer figma to websites like wix?

    • @AlienaCai
      @AlienaCai  2 года назад

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

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

  • @humansoftech5905
    @humansoftech5905 2 года назад +1

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

    • @AlienaCai
      @AlienaCai  2 года назад

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

  • @efrasteps
    @efrasteps Год назад

    Thanks Sys

  • @JollyRogerJo
    @JollyRogerJo 2 года назад

    Why writing notes when there are comments right there