Figma UX tutorial for beginners - Wireframe

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)

Check out the following videos to learn more about entering the field of UX design:

[peterfinn]

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

[heatherivy]

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.

[mshibinz]

Wireframing is what people need to learn. And there's not much that teaches Thank you. And hope we could learn alot from this session of yours

[dontlogin]

One of the most underrated skills that UX designers need

[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 <3

[katdawg]

Aliena, I never make these types of comments, but I had to… my gosh, what a great tutorial. In 8 minutes I feel like I know enough to get a decent wireframe for my app. You’re a friggin beast. Thank you! Subscribed.

[gsabeykoon]

This is the simplest and the most effective Figma tutorial on wireframe designing :) Im hooked.

[chelseaaybar]

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 😅

[prajwalsharma]

Best video on wireframing that I have watched.

[iremhavvabagci]

I love everything you share because what you do is not something that we can easily find about UX/UI design. I appreciate that you demonstrated a wireframe example for us. I hope you keep posting new videos and new demonstrations with other UX/UI topics! 💖

[GeppinoGregorio]

Wow! I think that this is one of the best tutorials on YT: clear, simple and and it gets straight to the point

[MM-jrsr]

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

[torontodough]

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

[EnaictechSTPL]

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.

[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

[AnalystYuchels]

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.

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

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

[baljindersinghrai]

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 YouTube 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.👍👍👍❤❤❤❤❤❤

[jeanina_]

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