Figma UX tutorial for beginners - Wireframe

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 ruclips.net/user/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...

[@peterfinn3326]

You just covered in 8:40 what was covered in 2 hours in a General Assembly live tutorial. Glad that was free.

[@AlienaCai]

😂😂 thank you!!

[@mshibinz]

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

[@AlienaCai]

Thank you!

[@laurenlim9276]

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

[@Pongant]

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

[@dontlogin79]

One of the most underrated skills that UX designers need

[@AlienaCai]

Thank you

[@ezzanaveed]

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

[@heatherivy4748]

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.

[@Yuchelstheanalyst]

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.

[@AlienaCai]

You're very welcome!

[@MM-jr5sr]

Thank you so much for having your YT channel!🙏I don't think you know how much you do for a beginner like me!

[@GeraldOfori-pr3zt]

Precise yet packed with essential instructions.

[@Malaveldt]

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!

[@itsjenisha]

the best wireframe tutorial! i love that you explain the reasons behind what you do and make everything so simple and easy to understand!! :)

[@AlienaCai]

Glad you like them!

[@sakshiranjan6305]

Amazed.....starting my journey in this field...and loved what you taught. Keep guiding.

[@ayobamiestherolanrewaju4910]

Thank you. Your video is straight to the point and easy to follow.

[@kingsleyanim6020]

Excellent video, straightforward,informative, no unnecessary long talks 👏👏👏

[@chelseaaybar9266]

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 😅

[@AlienaCai]

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

[@railpressureflip]

So nice, easy and straight to the point! Thank you! 🙌🏼

[@joyaroha6683]

Thank you for your time in putting these together - This is much appreciated.

[@AlienaCai]

Thank you!

[@yangxiyu5667]

This tutorial is so effective and easy to understand! Best figma tutorial for beginners!!!!!

[@hammadgill3517]

Thank you, Aliena! Your video was short, precise, and absolutely wonderful! It was exactly what I was looking for. Great job!

[@user-th6kq8ul4v]

you have done justice to my doubts as an inquisitive designer. well done Aliena. We sometimes overlook the importance of wireframing

[@nihalshah4113]

Thank you for this awesome and quick guide on wireframing. I was able to create my own so easily after your tutorial!!❤

[@BlackSparrowTech]

Thanks for this concise tutorial @Aliena. Super cool stuff!

[@MsDjitornu]

This is simply the best thing I’ve learned in a while ! Thank you much!

[@AlienaCai]

So glad!

[@RoanCorporation]

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

[@AlienaCai]

You are so welcome!

[@ayogsynergy3828]

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!

[@soldiergirlpoet]

Just was I was looking for to get a refresher on wireframes!

[@jeanina_777]

Thank you so much for this! I've learned Figma wireframing, mock-up, & prototype in just one night.

[@AlienaCai]

You are a speedy learner! I’m so glad that it was helpful!

[@majesticchicken3213]

this is really good, thank you, I'm using this to guide me through my uni

[@marcolealsaez1595]

This is the best wireframe tutorial, easy and just the precise info! new follower.

[@user-lx4qm3pv7d]

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.

[@AlienaCai]

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 🤣🙈

[@shermanartcreativeservices1868]

This was SUPER helpful! Exactly what I needed!🙂

[@torontodough2755]

Awesome concise tutorial! 💪 Unlike other videos with unnecessary bs to lengthen their videos

[@stacy3781]

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 :)

[@Princeoloto]

I randomly came across your channel. Girl, you are a good teacher and i hope to learn more from you 👍

[@AlienaCai]

Thank you so much! Will try to do more tutorials 😁

[@briannarenni]

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.

[@AlienaCai]

Glad it helped!

[@prajwalsharma2794]

Best video on wireframing that I have watched.

[@pearl3727]

101/100!! Nice delivery!! Welldone🎉🎉

[@opshaheer9782]

after 30+ video finally found yours one and damm you are too good all the things according to the point .......... thankyou

[@karthikrao5360]

Great video, thanks for sharing! Will try it out

[@tusharanand4856]

Love the way she explains things! ❤

[@kzbee]

You explained this so clearly and so well. Thank you! New sub 🙋🏻‍♀️

[@AlienaCai]

Welcome!

[@chantalalvarez3804]

Thank you soooo much for making such a nice pedagogic content !

[@jhayz_alas1998]

thanks for the tutorial, it's very detail and helpful.

[@charliewinefield3644]

Great tutorial - figma is such a fun tool to use!

[@AlienaCai]

Definitely!

[@sandovalromo7039]

Really helpful, great tutorial 11/10, exactly what I was looking for, thanks!

[@AlienaCai]

Glad to hear it!

[@madhusreebanerjee10]

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. 😇😇

[@IgloNudel]

This was super useful, thank you so much! ✨

[@LeanMedia]

Fantastic. I had been doing wireframing in Google Drawings. Will be using Figma now. Subscribed!

[@michaelzorko4349]

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.

[@AlienaCai]

Welcome aboard!

[@Miaccount4617]

Great tip about icons!

[@ccchinglim]

Thank you Aliena, its very helpful and detailed

[@abdullahnabilmahdi133]

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!

[@shalinivasanthkumar4479]

Really Loved it!

[@jerviasjohnson700]

Very informative video and I’ll definitely refer to this one often. Thank you!

[@AlienaCai]

Thank you too!

[@prashantmishra5691]

Thanks for short and simple vid. Keep it coming. Subbed!

[@AlienaCai]

Thank you for the comment!

[@alatsamy]

Simply, thank you. Really appreciated. Please keep up the good work. Subscribed

[@baumstriezl8034]

this was so helpful, thank you

[@afrojaaktar2210]

First time here, and now I'm a subscriber. Love the idea.

[@AlienaCai]

Welcome aboard!

[@hernandomunoz429]

Thank you that was clear!

[@katastrophhic]

grl u made this so easy tysm..

[@nonono6537]

so easy to understand, thank you ❤

[@user-rg1vi3pl6f]

So helpful for us beginners. So glad I clicked this video

[@cristhianjhlcom]

Great video, thanks!

[@astrology-963]

Thanks For this great simple video.

[@bonjovi1745]

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

[@AlienaCai]

Thank you so so much! More video in progress 👍👍

[@stephenyankey]

It was so nice learning from u

[@Audio-Tales]

Thank you so much , this was straight to the point

[@AlienaCai]

You are so welcome!

[@stariemoore5268]

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 😅.

[@Alisa-inspiration]

Thank you for sharing this tutorial, so helpful!

[@namratadabhade7955]

It's amazing 😍 thanks you so much 💓

[@addisonkliewer4494]

Thanks Aliena! This was really helpful!

[@AlienaCai]

Thank you for the comment!

[@javiertrujillo5016]

Very useful!! thanks!

[@MM-jr5sr]

Thank you SO MUCH for this! Great channel, you have a new subscriber.

[@prajjwaltalks1110]

I am obsessed with your channel ❤️

[@AlienaCai]

Wow, thank you!

[@billionboss2234]

Hi, really enjoyed this video. simple and learned some other stuff. subscribed right away and looking forward to watching more.

[@AlienaCai]

Thanks for the sub!

[@tanrusselljosephm2972]

Thank u for the Wonderful Tutorial

[@manuelpineda9067]

Excellent video, got all the information I needed. Thanks!

[@AlienaCai]

Glad it was helpful!

[@Glassofrosey]

you dropped this 👑

[@user-cp9uh2wf2m]

Thanks for the Info.

[@zoubeirjazi5484]

Thanks Aliena!

[@bickelmeister]

That the best on point teaching I ever saw!

[@AlienaCai]

Wow, thanks!

[@redpillows2992]

Cool. this helps me a lot

[@jsross3353]

Thank you for a brief but very helpful tutorial

[@AlienaCai]

Glad it was helpful!

[@Deadchannel01132]

thank you so much for your tutorial ! thanks to you i can finally start my journey ! thank you so much and god bless you !

[@lindokuhlecicealleen8807]

Thank you ,You just saved my school project been struggling to navigate Figma to create wireframe for website I’m developing .

[@AlienaCai]

Glad I could help!

[@baljindersinghrai640]

Wow, this Figma UX Tutorial Wireframe is the best. I really like the way you explained how to use wireframe step by step through figma tutorial on RUclips channel. It's very useful to use wireframe from figma when making websites and also mobile apps. I would like to get started on wireframe in figma website. Very well done for precise and accurate teaching about wireframe in Figma Tutorial Aliena Cai. You explained really well and have shown good demonstration on how to make wireframe in figma. And I will look forward to seeing more tutorial videos on figma tutorials. You did really amazing.👍👍👍❤❤❤❤❤❤

[@AlienaCai]

Thank youuuu

[@naturalsounds3160]

absolutely brilliant thank you

[@Ragnorok-yi8zd]

Thanks for the Tutorial

[@hazzardho9532]

thank you Aliena! This was a very helpful introduction.

[@AlienaCai]

You're so welcome!

[@tihanav]

Such a great tutorial! :)

[@AlienaCai]

Thank you! Cheers!

[@beemee4416]

Thanks for the excellent tutorial!

[@AlienaCai]

You're very welcome!

[@i_zoru]

yeah i kinda agree on some parts on using on real case scenario instead bunch of lorem ipsum for the text, or user input
because that's how you'll really gonna get the feeling to make it near the real user experience would look like

[@achmadsyarif5129]

thank you so much, you help me with my thesis

[@AlienaCai]

Happy to help!

[@conceptboyhira8424]

Thanks for this ☺️

[@AlienaCai]

No worries!

[@ednaiyare4385]

Thanks so much ❤

[@gmmkeshav]

just loved it

[@samarmohamed9754]

Woah, great video mate!

[@AlienaCai]

Glad you enjoyed it!

[@moshoodsalawu2415]

Wow! I just learnt something fantastic ... Thank you. You deserve my subscription....

[@AlienaCai]

Awesome, thank you!

[@nafi8036]

Wow thank you❤️

[@sheluparihar520]

i wanna say a big thank you❤❤

[@tryde_d]

Thank you so much, Aliena