@@AlienaCai For real! Your contents are GREAT and very useful, I just discovered your channel and I'm just super hyped to watch each of your video! Thank you so much Aliena for sharing your experience with us ❤️
Me: procrastinating on my UI/UX portfolio Aliena: uploads to motivate me Thank you for actually TEACHING instead of passively describing what u do. It's so helpful and appreciated 💚💚
I used to think too much about becoming a UX designer because I did not know where to start from. Thank you soo much Aliena for this amazing videos. Am watching this video all the way from West Africa in Ghana
Link to Figma: psxid.figma.com/mtvfdvfjvpps Link to Figma Professional Plan: psxid.figma.com/sp3ulqgt744y-cb44ct Previous episode on wireframe: ruclips.net/video/D4NyQ5iOMF0/видео.html
✌I really like how you put this together. I recently started an online school for UI design. Your wireframe and this mockup video makes me feel better about what I am learning. 😊
Excellent tutorial series for beginners! I'm a designer and have been looking to ad UX/UI to my portfolio. I'm also an Adobe junky and almost jumped right into Adobe XD however, Ive always wondered what the hype was around Figma, so I gave it a try first. I made my first wire frame watching your videos. It was so similar to illustrator that I picked it up very easily. I'm addicted to Figma and you've earned a like and subscribe. Thank you!
Started my first class today on Coursera. Probably i would reach figma after a couple of months. BTW got to learn a lot from this channel past a week on deciding whether to take up the course or not. Thanks.......
Great tutorial! One of my favourite features on Figma is Auto-Layout as there is just so much you can do with it. Would be cool if you could do a tutorial on it and how to make mockups responsive, as that's something that I've found really useful in practice!
✌ Thank you Aliena! I liked your way of teaching, you explained every detail in the process, so this video helped me out really much. Excited for the next one !
Thank you for this amazing tutorial. An easy way to copy and paste and object in the exact location as the previous is to copy or cut the object, click on the name of the frame (e.g. iPhone 11/X - 8) and then paste.
I been looking at few tools to make interactive prototypes from some paper sketches that I did and wasn't sure which one to use. Heard about Figma, but didn't have a clue on how it worked. RUclips to the rescue... but boy o boy--- You have awesome tutorial and very neatly explained on how to use this tool. Thanks a lot for sharing and helping others.
Great overview of using Figma! Thanks Aliena! Can you please show us how to add the app interactivity and making an animated prototype for our portfolios?
Hi Aliena, your tutorials are great! My 2024 goal is to become a UX designer and your videos are full of genuinely good advice and skill 😃 I have experience with Adobe Illustrator as well, so I've been able to pick up some of these tricks quickly.
You are so inspirational. I love how you explain the things so clearly. A good guider is who can make difficult things easy to approach and I believe you are. Today is actually my second day of learning from the very very begin of UI UX things, and I am so grateful that I found you. Hope you will keep going with whatever you want to do. I can't wait to see more of your content especially about Figma, UI, UX and your experience in life. Sending hugs and love to you
How do you conduct usability testing with the prototype while designing a mockup with high fidelity... I hope you'll see this 😢 I just started learning this about some months ago and I've learnt a whole lot from you ❤. Thank you so much
This is such a very helpful video. I understand and learn a lot from your video. I hope you'll be creating more interesting and helpful content❤ thank you and keep up the good work! God bless 🙏
thank you a lot for such a useful and easy-to-understand video, I am a developer and I have been through many tutorials that last hours without really being able to get down to the most important part: wireframe and mockup within like 20 mins in total. And yes, interactive mockup please! thank you. I just wonder if we can export our mockup into a kind of technical sheet with all the fonts, colors...etc so that developers can have all the input they need when it comes to styling?
Oh you are asking a GREAT question. The best way would be creating a style sheet for the design system to specify font/colors for Heading 1/2/3... For now, check out the "Inspect" tab on the right side in your figma screen. There's some useful thing too.
Thanks for another great video! I'm working on my firs real-world project and have to design all of the system elements myself. Do you have any recommendations for how to do this or where to get inspiration?
✌would love to see how you prototype navigation beginning mobile first and moving the same into desktop!! Your explanations are very clear and you put in little nuggets of wht it means to work alone and in teams. very halpful.
@@AlienaCai so sweet of you to answer. I just started learning UI UX. hoping to get into school for 2 year program. How did you do it? Did you have any design background? How much time did you spend on learning when you started? How/where do you get your design inspiration/ideas from? Would be generous of you to answer my questions and will be helpful. Thanks again for your videos and commenting back 😊
You are doing such a great job inspiring people to pursue their dreams. I was just wondering if I need to create my own design system in Figma or should I download some free version for a startup company? I'll be working as a UX Design intern for which I have to design games for kids. I would like to know your thoughts on that. Also, this channel is amazing! Please keep sharing your experiences with everyone. Thanks!
Thanks for the support! You are asking such a great question. My suggestion is to go to figma community and see whether there are design systems that's close to your company's style. Collect them, it's like creating a mood board. And create your own based on the inspiration. If there's one that's super close, you can duplicate it and edit upon it. Hope this helps 😄
Would you say that all product release work efforts should start with UI wireframes followed by UI mockups before a backlog and code development begins?
I would say all product release work should start from justifying the problem before even touching figma or code - e.g., testing if the problem actually exist and if the target users are willing to pay for it (for new product / feature) I'm not a developer myself so I can't say much about the engineering part. But at Big Tech, usually we host a kickoff meeting for both business, engineering, and design stakeholder so everyone come to alignment and all constraints are clarified before anyone starts to draw/code anything.
This channel is single handedly going to be the reason for my success as a UX designer. 😃
Thank you 🙏😃😃👍
@@AlienaCai For real! Your contents are GREAT and very useful, I just discovered your channel and I'm just super hyped to watch each of your video! Thank you so much Aliena for sharing your experience with us ❤️
Totally agree. The videos are great. Are you a self learner or did you go to school to study UX UI?
Me: procrastinating on my UI/UX portfolio
Aliena: uploads to motivate me
Thank you for actually TEACHING instead of passively describing what u do. It's so helpful and appreciated 💚💚
You are so welcome! I've also procrastinated on updating my portfolio for months 😅 You are not alone. Let's do it together.
You are a great teacher. God bless you. We need more of these tutorials 🙏🏾🙏🏾
Love from Nigeria 🇳🇬
I used to think too much about becoming a UX designer because I did not know where to start from. Thank you soo much Aliena for this amazing videos. Am watching this video all the way from West Africa in Ghana
Link to Figma: psxid.figma.com/mtvfdvfjvpps
Link to Figma Professional Plan: psxid.figma.com/sp3ulqgt744y-cb44ct
Previous episode on wireframe: ruclips.net/video/D4NyQ5iOMF0/видео.html
✌I really like how you put this together. I recently started an online school for UI design. Your wireframe and this mockup video makes me feel better about what I am learning. 😊
I'm so glad to hear that. Keep going with your UI journey 🙌✌️
You explained all the important points so simple and better than my UIUX instructor in college. No kidding !
Excellent tutorial series for beginners! I'm a designer and have been looking to ad UX/UI to my portfolio. I'm also an Adobe junky and almost jumped right into Adobe XD however, Ive always wondered what the hype was around Figma, so I gave it a try first. I made my first wire frame watching your videos. It was so similar to illustrator that I picked it up very easily. I'm addicted to Figma and you've earned a like and subscribe. Thank you!
Great to hear! Figma is so strong these days.
Loved this video, thank you for sharing. Please keep posting more Figma Tutorials, it is so easy to follow and I love the length and pacing!
Started my first class today on Coursera.
Probably i would reach figma after a couple of months. BTW got to learn a lot from this channel past a week on deciding whether to take up the course or not.
Thanks.......
You are very welcome 🙏
Great tutorial! One of my favourite features on Figma is Auto-Layout as there is just so much you can do with it. Would be cool if you could do a tutorial on it and how to make mockups responsive, as that's something that I've found really useful in practice!
Thank you for the feedback. Noted 👍
This is so fun! You're a really great teacher. I did the wireframe tutorial yesterday and I'm planning on doing this mockup today :)
Yay! Thank you! and have fun 😄
✌ Thank you Aliena! I liked your way of teaching, you explained every detail in the process, so this video helped me out really much. Excited for the next one !
Thank you Aliena for sharing these great toturials. I appreciate your efforts. Keep creating the great content.
Thank you! Will do!
✌️ I like your style of teaching. Simple, (even for a novice like myself), less jargon, straight to the point and short. Thank you so much.
finally, I just learned how to place a shape to the desired location when it is not possible using a mouse dragging. thanks.
Yey! Totally feel you. I was also unable to make it pixel perfect for a long long time 😅
Thank you for this amazing tutorial. An easy way to copy and paste and object in the exact location as the previous is to copy or cut the object, click on the name of the frame (e.g. iPhone 11/X - 8) and then paste.
Totally, thanks for sharing!
you're an absolute queen! I've genuinely enjoyed this walk through and had so much fun with this!
I been looking at few tools to make interactive prototypes from some paper sketches that I did and wasn't sure which one to use. Heard about Figma, but didn't have a clue on how it worked. RUclips to the rescue... but boy o boy--- You have awesome tutorial and very neatly explained on how to use this tool. Thanks a lot for sharing and helping others.
your tutorials are pretty easy to understand. Thanks for this.. Looking forward to learning more
Great overview of using Figma! Thanks Aliena! Can you please show us how to add the app interactivity and making an animated prototype for our portfolios?
Thank you so much! On it!
Thank yo so much for all your videos, I do whatever you teach step by step and finish them.
Glad you like them! And thanks for following along!
Hi Aliena, your tutorials are great! My 2024 goal is to become a UX designer and your videos are full of genuinely good advice and skill 😃 I have experience with Adobe Illustrator as well, so I've been able to pick up some of these tricks quickly.
Hi, love the way you explain everything, i think i found my tutor, see you in next video.☺
Glad it was helpful!
What an excellent tutorial! So was the previous tutorial. Thanks!
I am still waiting for this series to continue. I am waiting for the interactive prototype tutorial, please Aliena ♥
This was amazing! I am so glad I found your channel!
Love this video! Please make more Figma tutorial videos! I saved this playlist.
✌Great video...super fast but still enough to get the main purpose of a Mockup. Thanks. Flo✌
Please upload more tutorials of figma. I love your teaching style. You are doing great ❤️ ✌️
Thank you!
Thank you Alieana Cai for the crisp, bite-sized lessons 😊 Looking forward to the prototype session 🎉
You're so welcome!
This is so amazing and simple to understand. You should do a tutorial on exporting the project to android studio.
Oh wow! This was intense but great!!!!!!
Thank you!
✌🏾 you’re really good at explaining!
I appreciate that!
✌️ Love your step by step tutorial. They're very helpful. Thank you!
Thank you!
You are so inspirational. I love how you explain the things so clearly. A good guider is who can make difficult things easy to approach and I believe you are. Today is actually my second day of learning from the very very begin of UI UX things, and I am so grateful that I found you. Hope you will keep going with whatever you want to do. I can't wait to see more of your content especially about Figma, UI, UX and your experience in life.
Sending hugs and love to you
thank you so so so so much. Your comment means a lot to me ❤️ Will keep going 🙏❤️
Mannn..you explained everything except the part I needed 😢
practice practice, learn from other product, thq aliena 🇮🇩
Keep going!
Coming from Visio and other tools, your vidoes are super helpful!
Thank you 🙏😀
wooow thank you that I came across your tutorial video it's very easy to understand, and I'm trying to finish my wire frames in HIFI Big help!
you gained yourself a new follower! such a great teacher!
Welcome aboard!
✌🏼✌🏼Yes, please and thank you so much--you are a rock star!! 🥰🥰
✌🏽Wow! You are an amazing teacher. Thank you so much for these tutorials, I’m learning so much.
You are a great teacher! Keep it up. Thank you
Great tutorials Aliena! I would definitely like to see you do the interactive prototype ✌🏽
It's under making!
Thanks a lot, keep going to teach us
Thank you!
great video !!! excited for part 3
Yay! Thank you!
This is so helpful! Thank you Aliena 😇✌
✌☺ such a fantastic video about UI design
How do you conduct usability testing with the prototype while designing a mockup with high fidelity... I hope you'll see this 😢
I just started learning this about some months ago and I've learnt a whole lot from you ❤. Thank you so much
This is such a very helpful video. I understand and learn a lot from your video. I hope you'll be creating more interesting and helpful content❤ thank you and keep up the good work! God bless 🙏
Soooo Helpful Aliena!!!
I’m glad!
Very well done✌! I think you're short and to the point videos are better than the Figma content from LinkedIn Learning.
Thank you for sharing your knowledge. I’m on my journey to become an UX designer 👩🏼💻. Your channel is super helpful and easy to follow 🤍
Amazing videos and knowledge share. Yes please✌️
Thank you 🙌
As a formal geospatial analyst we learn these skills in ArcMap without even realizing it.
Just one watch and I already subscribed
U are the best
Auto layout design please 🙏
Here you go: ruclips.net/video/HwiHqfax7Uk/видео.htmlsi=Mdiv_5iu04eeHWNs
Aliena does it again 🙌🏻
Thank you again Phil 😃😃😁
thank you a lot for such a useful and easy-to-understand video, I am a developer and I have been through many tutorials that last hours without really being able to get down to the most important part: wireframe and mockup within like 20 mins in total. And yes, interactive mockup please! thank you.
I just wonder if we can export our mockup into a kind of technical sheet with all the fonts, colors...etc so that developers can have all the input they need when it comes to styling?
Oh you are asking a GREAT question. The best way would be creating a style sheet for the design system to specify font/colors for Heading 1/2/3... For now, check out the "Inspect" tab on the right side in your figma screen. There's some useful thing too.
very nice video series, i also watched your previous video. thank you
great video, thank you ma am
You are most welcome
Would love to see the interactive prototype!
you teach really well dear sis..🥰
✌️a great video, ready to prototype ✌️
Hi Alieana... great videos and great lessons!! Thank you so much! Which camera do you use for your videos?
Victory ✌️
you are brilliant thank you so much
✌🏻need next part as well
Gotcha~ thank you!
Thanks for another great video! I'm working on my firs real-world project and have to design all of the system elements myself. Do you have any recommendations for how to do this or where to get inspiration?
Thanks for the great walkthrough video. What would you say is the difference between a UI and a UX designer?
Oh I actually have a video on it, you will love it: ruclips.net/video/RN9LwG36lSE/видео.html
You're a good teacher ❤
ありがとうございます。
どういたしまして。
Very well explained.
Thanks for the great tutorial. May I know how u fit the photo to the profile. How you adjust to fit in the small circle?
Thank you! I am learning.
it was incredible thanks Aliena
thanks for the tutorial😍
✌would love to see how you prototype navigation beginning mobile first and moving the same into desktop!! Your explanations are very clear and you put in little nuggets of wht it means to work alone and in teams. very halpful.
Thank you so much for this!
Thank you Zee ❤️👍
Thank you Aliena :)
why put a rectangle first then put text inside on the rectangle , when you can use auto layout and then fill the container?
Just copy and paste the image, attach it to the frame and you’re fine
Thank you for tutorial
👍👍👍. Can we please get the interactive video !!!
On it!
✌Thanks sister.
Welcome 😊
your videos are awesome !
Glad you like them!
@@AlienaCai so sweet of you to answer. I just started learning UI UX. hoping to get into school for 2 year program.
How did you do it?
Did you have any design background?
How much time did you spend on learning when you started?
How/where do you get your design inspiration/ideas from?
Would be generous of you to answer my questions and will be helpful. Thanks again for your videos and commenting back 😊
Thanks for the tutorial.
You are doing such a great job inspiring people to pursue their dreams. I was just wondering if I need to create my own design system in Figma or should I download some free version for a startup company? I'll be working as a UX Design intern for which I have to design games for kids. I would like to know your thoughts on that. Also, this channel is amazing! Please keep sharing your experiences with everyone. Thanks!
Thanks for the support! You are asking such a great question. My suggestion is to go to figma community and see whether there are design systems that's close to your company's style. Collect them, it's like creating a mood board. And create your own based on the inspiration. If there's one that's super close, you can duplicate it and edit upon it. Hope this helps 😄
@@AlienaCai Thanks for helping me out. I really appreciate it! ;)
thank you so much ✌
Great aliena :)
Thank you!
i luv it🥰✌
Love the tutorial🌹
Thank you!!
@@AlienaCai you are welcome 😉🍷
Hi Aliena, can I ask where can i find the "community" button for the elements? cause my file doesn't have TT
Would you say that all product release work efforts should start with UI wireframes followed by UI mockups before a backlog and code development begins?
I would say all product release work should start from justifying the problem before even touching figma or code - e.g., testing if the problem actually exist and if the target users are willing to pay for it (for new product / feature)
I'm not a developer myself so I can't say much about the engineering part. But at Big Tech, usually we host a kickoff meeting for both business, engineering, and design stakeholder so everyone come to alignment and all constraints are clarified before anyone starts to draw/code anything.
never seen so great video
do you offer entire course on design
Thank you! Please check out my tutorial series in my channel 👍👍
@@AlienaCai there were only 4 please make some more
like some more famous app clones apart from insta
Hi, I want help please tell me that when me create mockup so we have to take new frame or Re-edit that wireframes me make?
“Good designs are often invisible”
Super helpful!
The copied icons from coolicons all have a light-yellow-colored frame. Does anyone know how to get rid of it?
Thankyou