Figma UX tutorial for beginners - Wireframe

preview_player
Показать описание

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:

Рекомендации по теме
Комментарии
Автор

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

peterfinn
Автор

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.

heatherivy
Автор

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

mshibinz
Автор

One of the most underrated skills that UX designers need

dontlogin
Автор

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

ezzanaveed
Автор

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.

katdawg
Автор

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

gsabeykoon
Автор

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 😅

chelseaaybar
Автор

Best video on wireframing that I have watched.

prajwalsharma
Автор

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! 💖

iremhavvabagci
Автор

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

GeppinoGregorio
Автор

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

MM-jrsr
Автор

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

torontodough
Автор

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.

EnaictechSTPL
Автор

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

RoanCorporation
Автор

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.

AnalystYuchels
Автор

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

itsjenisha
Автор

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.

briannarenni
Автор

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

baljindersinghrai
Автор

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

jeanina_