Figma UX tutorial for beginners - Wireframe
ฝัง
- เผยแพร่เมื่อ 17 มิ.ย. 2024
- Fast Track to UX: a 4-Week Figma Crash Course 👉 fasttrackux.com
Link to Figma: psxid.figma.com/mtvfdvfjvpps
Link to Figma Professional Plan: psxid.figma.com/sp3ulqgt744y-...
This beginner friendly tutorial video covers how to create a wireframe for your UX app by with Figma. A wireframe is a basic outline of a digital experience. As a UIUX designer, I often create wireframes during zoom meetings where I need to visualize design solutions on the spot quickly. By the end of this Figma tutorial, you will be able to recreate the wireframe of any app.
Video breakdown:
What's a wireframe?: (0:00)
Use rectangles to represent visual elements: (0:37)
Use text boxes to represent text elements: (4:07)
Use the pen tool to sketch icons: (5:43)
🚀 Subscribe to learn more about UX design at th-cam.com/users/alienacai?sub_confirmati...
How I made $10K a week as a Product Designer: • How I made $10K a week...
Check out the following videos to learn more about entering the field of UX design:
📱 How to get your first UX Design role: www.youtube.com/watch?v=On5zq...
📱 Google UX Design Certificate Program: www.youtube.com/watch?v=6xFGp...
📱 How to build your first UX Design Portfolio: www.youtube.com/watch?v=OK8Ap...
📱 How to write a UX Case Study: www.youtube.com/watch?v=OK8Ap...
📱 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...
Check out a sketch comedy I made for uiux designers: • If UX Designers Were H...
Watch what I learned from one year of unemployment 👉 • Overcome Tech Layoffs ...
Inside Config 2023 + Exclusive Tour of Figma HQ!: • Inside Config 2023 + E... - วิทยาศาสตร์และเทคโนโลยี
You just covered in 8:40 what was covered in 2 hours in a General Assembly live tutorial. Glad that was free.
😂😂 thank you!!
was looking up wireframing for my class at school, and your video popped up. The smile on my face was tremendous. Love seeing your work, Aliena
Wireframing is what people need to learn. And there's not much that teaches it..... Thank you. And hope we could learn alot from this session of yours
Thank you!
Hi Aliena, the text especially in this example the font they look similar to Instagram how do u pick the text exactly look a like? Please help us understand and also the text size??
Yeah, but I don't quite get wireframing. I much rather have iterations of my mockups than just wireframes.
They are good for collaborating though, but horrible for visualisation
Last year, I was put on a new project and had to learn Figma while onboarding. I was so grateful for your video on wireframing, as it was focused and quickly gave me the knowledge I needed to succeed under pressure. Thank you so much for your content and presence.
Thank you so much for this precise and accurate teaching. You were as explicit as possible and anyone would be able to get a hang of it immediately. Please do create more video tutorials in the future for us.
You're very welcome!
Thank you so much for having your YT channel!🙏I don't think you know how much you do for a beginner like me!
Thank you! Very succinct, very clear. I like your greyscale and vector wireframe approach as opposed to the pure outlines I've seen elsewhere. It reads better. This helped me a lot!
the best wireframe tutorial! i love that you explain the reasons behind what you do and make everything so simple and easy to understand!! :)
Glad you like them!
Precise yet packed with essential instructions.
Amazed.....starting my journey in this field...and loved what you taught. Keep guiding.
you have done justice to my doubts as an inquisitive designer. well done Aliena. We sometimes overlook the importance of wireframing
Excellent video, straightforward,informative, no unnecessary long talks 👏👏👏
This tutorial is so effective and easy to understand! Best figma tutorial for beginners!!!!!
Thank you. Your video is straight to the point and easy to follow.
Thank you, Aliena! Your video was short, precise, and absolutely wonderful! It was exactly what I was looking for. Great job!
I didn't have insta, so I used a different app instead. And after an hour or so, I completed my first tutorial on Figma! 😂 This was so much fun, Aliena! You're a great instructor. Looking forward to your other tutorials. I'm so inspired right now. Thank you so much for all the work that you do :)
Finished this video and immediately subscribed. Such a good and precise tutorial, thanks
Thanks for this concise tutorial @Aliena. Super cool stuff!
One of the most underrated skills that UX designers need
Thank you
Thank you for this awesome and quick guide on wireframing. I was able to create my own so easily after your tutorial!!❤
Grab a discount for my upcoming Figma course 👉 forms.gle/tucgzTQX6PTAwUuw5
Link to Figma: psxid.figma.com/mtvfdvfjvpps
Link to Figma Professional Plan: psxid.figma.com/sp3ulqgt744y-cb44ct
Next episode on Mockup: th-cam.com/video/oZAKb_gs2Uo/w-d-xo.html
I'm facing a challenge while using the pen.
you should have made a refrence to the icon depository where you can find over 400 free icons saves a shit ton of time
So nice, easy and straight to the point! Thank you! 🙌🏼
This tutorial was really good and to the point. Thank you so much for giving me a strong foundation for me to get up and running in figma!
Just was I was looking for to get a refresher on wireframes!
Great video, thanks for sharing! Will try it out
101/100!! Nice delivery!! Welldone🎉🎉
Best video on wireframing that I have watched.
this is really good, thank you, I'm using this to guide me through my uni
This is the best wireframe tutorial, easy and just the precise info! new follower.
Hello Aliena.. I would like to say your way of teaching in this video is awesome. It's very easy to understand for a beginner like me. Thank You so much for your efforts. 😇😇
This was SUPER helpful! Exactly what I needed!🙂
Thank you soooo much for making such a nice pedagogic content !
after 30+ video finally found yours one and damm you are too good all the things according to the point .......... thankyou
Love the way she explains things! ❤
Awesome concise tutorial! 💪 Unlike other videos with unnecessary bs to lengthen their videos
This was super useful, thank you so much! ✨
Im truly amazed that this video is very simple and easily understandable, i am just starting to use figma and know nothing about it.. thank you very much this tutorial is veryy good!
Thank you for your time in putting these together - This is much appreciated.
Thank you!
This is simply the best thing I’ve learned in a while ! Thank you much!
So glad!
Simply, thank you. Really appreciated. Please keep up the good work. Subscribed
You are my hero !!!! What a brilliant idea to show your Instagram as explainer , cannot be more clear and functional that ! You have gained a subscriber
You are so welcome!
thanks for the tutorial, it's very detail and helpful.
I'm at work trying to find a simple tutorial for the backend guys on my project, thank you! Haha less than 10 min and all the basics covered.
Glad it helped!
so easy to understand, thank you ❤
Thank you so much for this! I've learned Figma wireframing, mock-up, & prototype in just one night.
You are a speedy learner! I’m so glad that it was helpful!
Thank you Aliena, its very helpful and detailed
Great tip about icons!
Fantastic. I had been doing wireframing in Google Drawings. Will be using Figma now. Subscribed!
So helpful for us beginners. So glad I clicked this video
you dropped this 👑
Really Loved it!
Thank you for sharing this tutorial, so helpful!
grl u made this so easy tysm..
It was so nice learning from u
Hey lady, this is so cool. I have watched others but the way you explained in 8 mins changed my perspective of learning. I learnt a lot in 8 mins. I am doing my first app dupe today i meant wireframe basics today.
I'm so glad to see this!! Wish you enjoy the learning journey ✨
P.S. the first time I scan your comment I misread it as your first app is "due" today and I was like wow you must have to learn a lot in a day 🤣🙈
Thanks For this great simple video.
this was so helpful, thank you
I'm still new to Figma and UX Design and I'm currently working on my first project but seeing this video now is making me wish I did a wireframe beforehand instead of jumping straight into the app design 😅
Hahaha it’s a good lesson then! I strongly recommend to do a wireframe before jumping into design for your next project. Will save lots of time after all 👍👍
Great video, thanks!
It's amazing 😍 thanks you so much 💓
Great tutorial - figma is such a fun tool to use!
Definitely!
Thank you SO MUCH for this! Great channel, you have a new subscriber.
Thank u for the Wonderful Tutorial
You explained this so clearly and so well. Thank you! New sub 🙋🏻♀️
Welcome!
Thank you that was clear!
Very informative video and I’ll definitely refer to this one often. Thank you!
Thank you too!
absolutely brilliant thank you
thank you so much for your tutorial ! thanks to you i can finally start my journey ! thank you so much and god bless you !
Cool. this helps me a lot
Very useful!! thanks!
Really helpful, great tutorial 11/10, exactly what I was looking for, thanks!
Glad to hear it!
Thanks for short and simple vid. Keep it coming. Subbed!
Thank you for the comment!
I randomly came across your channel. Girl, you are a good teacher and i hope to learn more from you 👍
Thank you so much! Will try to do more tutorials 😁
This tutorial is outstanding. I'm new to Figma coming over from XD. I've watched a couple of videos and I have to say you've done a really good job. I liked it and I plan to be a subscriber. Thank you.
Welcome aboard!
Thanks for the Info.
First time here, and now I'm a subscriber. Love the idea.
Welcome aboard!
i cant wait, more tutorial practice from you girl, thq for this tutorial, i want share this video, to all my friends (ui beginner). thanks
Thank you so so much! More video in progress 👍👍
Excellent video, got all the information I needed. Thanks!
Glad it was helpful!
just loved it
Thanks for the Tutorial
Wow, you are the magic i needed.
very helpful! Thank you.
i wanna say a big thank you❤❤
Thanks Aliena! This was really helpful!
Thank you for the comment!
Thank you so much , this was straight to the point
You are so welcome!
Thank you ,You just saved my school project been struggling to navigate Figma to create wireframe for website I’m developing .
Glad I could help!
Such a great tutorial! :)
Thank you! Cheers!
Hi, really enjoyed this video. simple and learned some other stuff. subscribed right away and looking forward to watching more.
Thanks for the sub!
Aliena, thanks so much for offering such great information to help newbies! I am a bit nervous because I don't have the graphics background 😅.
I am obsessed with your channel ❤️
Wow, thank you!
Wow! I just learnt something fantastic ... Thank you. You deserve my subscription....
Awesome, thank you!
Thanks Aliena!
thank you Aliena! This was a very helpful introduction.
You're so welcome!
Thanks, u r GREAT 🥰
that was great :) thank you
Thanks so much ❤
That the best on point teaching I ever saw!
Wow, thanks!
Easy English, amazing work! I really liked. I will see all this videos and practice my English. Beijos (kissesss) ❤❤❤
Wow thank you❤️
Thank you for a brief but very helpful tutorial
Glad it was helpful!