You just covered in 8:40 what was covered in 2 hours in a General Assembly live tutorial. Glad that was free.
@AlienaCai
2 жыл бұрын
😂😂 thank you!!
@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!
@moody5882
2 ай бұрын
i watched a lot of videos explaining wireframes but this one is the simplest one
@mshibinz
2 жыл бұрын
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
2 жыл бұрын
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
11 ай бұрын
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
@sakshiranjan6305
Жыл бұрын
Amazed.....starting my journey in this field...and loved what you taught. Keep guiding.
@AlienaCai
2 жыл бұрын
My Figma / UX Design Course: fasttrackux.com Link to Figma: psxid.figma.com/mtvfdvfjvpps Link to Figma Professional Plan: psxid.figma.com/sp3ulqgt744y-cb44ct Next episode on Mockup: kzitem.info/news/bejne/0JB3sZaVoKVjiKQ
@vishnuramesh350
Жыл бұрын
I'm facing a challenge while using the pen.
@susanthejew6351
Жыл бұрын
you should have made a refrence to the icon depository where you can find over 400 free icons saves a shit ton of time
@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!
@gsabeykoon9192
2 ай бұрын
This is the simplest and the most effective Figma tutorial on wireframe designing :) Im hooked.
@chelseaaybar9266
2 жыл бұрын
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
2 жыл бұрын
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 👍👍
@Alex-kf4pl
Жыл бұрын
This was helpful so product managers to communicate ideas to developers and designers. 😅❤😂
@heatherivy4748
6 ай бұрын
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.
@ezzanaveed
11 ай бұрын
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
@torontodough2755
8 ай бұрын
Awesome concise tutorial! 💪 Unlike other videos with unnecessary bs to lengthen their videos
@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!
@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 KZitem 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
@mochichimmyy
2 жыл бұрын
Can you make a tutorial about auto layout please, i cant understand the details about it
@AlienaCai
2 жыл бұрын
I've noted down your request 👍
@mochichimmyy
2 жыл бұрын
@@AlienaCai thank you 🙂
@katdawg3767
2 ай бұрын
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.
@benvella1728
4 ай бұрын
Solid stuff at 1.5x speed!
@zoubeirjazi5484
Жыл бұрын
Thanks Aliena!
@dontlogin79
Жыл бұрын
One of the most underrated skills that UX designers need
@AlienaCai
Жыл бұрын
Thank you
@bomad7233
Жыл бұрын
Thank you Aliena, just can't wait for my new i5 laptop to arrive so I can start practicing what I learned straight away (been using a i3 with 4gb RAM -always crashes during Figma ) thanks again 🙂
@AlienaCai
Жыл бұрын
Thanks for sharing. Enjoy your new laptop and happy new year!
@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!
@GeraldOfori-pr3zt
Жыл бұрын
Precise yet packed with essential instructions.
@swarangimundhe120
7 ай бұрын
Why are you not using plugins for icons instead of drawing?
@bonjovi1745
2 жыл бұрын
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
2 жыл бұрын
Thank you so so much! More video in progress 👍👍
@prajwalsharma2794
Жыл бұрын
Best video on wireframing that I have watched.
@m.j.9935
2 жыл бұрын
I know you said you don't want to draw directly on "the desk", but wouldn't making the inserted picture a layer on top of your frame layer make it easier to draw/size the components? You'd sort of just trace them. Not trying to be funny as I am new to Figma and UX.
@AlienaCai
2 жыл бұрын
That would do the job too! And drawing on top of pictures could be very helpful when re-doing some graphic components. I did it this way so that we can see what’s going on in the wireframe frame more clearly, and a wireframe doesn’t need to be precise when it comes to the location of each detail 👍
@kzbee
Жыл бұрын
You explained this so clearly and so well. Thank you! New sub 🙋🏻♀️
@AlienaCai
Жыл бұрын
Welcome!
@LeanMedia
Жыл бұрын
Fantastic. I had been doing wireframing in Google Drawings. Will be using Figma now. Subscribed!
@EnaictechSTPL
8 ай бұрын
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
8 ай бұрын
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 🤣🙈
@opshaheer9782
Жыл бұрын
after 30+ video finally found yours one and damm you are too good all the things according to the point .......... thankyou
@BlackSparrowTech
Жыл бұрын
Thanks for this concise tutorial @Aliena. Super cool stuff!
@moshoodsalawu2415
2 жыл бұрын
Wow! I just learnt something fantastic ... Thank you. You deserve my subscription....
@AlienaCai
2 жыл бұрын
Awesome, thank you!
@charliewinefield3644
2 жыл бұрын
Great tutorial - figma is such a fun tool to use!
@AlienaCai
2 жыл бұрын
Definitely!
@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!
@boluwatifeoluwasegun1148
23 күн бұрын
@@AlienaCai thanks this is so easy to learn but how did you get a screen shot or rather still load a picture file i am using my pc or are you using a phone
@BakaGaij1n
3 ай бұрын
Finished this video and immediately subscribed. Such a good and precise tutorial, thanks
@danielswearson1360
Жыл бұрын
Thanks!
@alial-nuaimi2695
2 жыл бұрын
That video just make my day, comment , like and subscribe
@AlienaCai
2 жыл бұрын
Thank you so so much! Welcome 😄
@Maddoxhardcore
21 күн бұрын
You are a breath of fresh air! A perfect balance of practical knowledge and good practice principles. Thank you!
@joyaroha6683
10 ай бұрын
Thank you for your time in putting these together - This is much appreciated.
@AlienaCai
10 ай бұрын
Thank you!
@majesticchicken3213
10 ай бұрын
this is really good, thank you, I'm using this to guide me through my uni
@i_zoru
8 ай бұрын
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
@atistech8258
Жыл бұрын
thank you very much for your great lessons. I Learnt a lot of things from you....best video for wireframing lesson
@AlienaCai
Жыл бұрын
Thank you!
@najamuddin1717
Жыл бұрын
Actually you could just reduce the opacity for the frame and then draw everything over it
@sandovalromo7039
Жыл бұрын
Really helpful, great tutorial 11/10, exactly what I was looking for, thanks!
@AlienaCai
Жыл бұрын
Glad to hear it!
@sheluparihar520
Жыл бұрын
i wanna say a big thank you❤❤
@KennethPalamara
Жыл бұрын
If I already have Affinity Designer for my graphic design, is there any benefit to using Figma?
@laurenlim9276
Жыл бұрын
Hi, I have used wireframes previously in my work as website designer and also as a digital marketer, I know the concept of a/b testing and concepts of user persona, customer journey. I have a doubt on ui/ ux designer they should be good in drawings?? Like illustrator?? Also when it comes to branding are we supposed to know a lot about it like colours and font types? Is it a responsibility of the designer to create branding?? Please can you touch base on this topic in one of your videos. This is been my one point of confusion actually I enjoy the wireframe part. User research, I love interacting with people to get to know their requirements as it was my major part of web design project manager. I have used balsamic, mocking bird, Miro for wireframes, flow sequence. I enjoy this part of my creative mind. Please explain if the branding part is important and how can we tap on the knowledge of branding. Appreciate your help 😊 I have intermediate knowledge and work experience in Adobe illustrator and photoshop. But I cannot draw like artist to create icon or other from scratch design like vector image or clip image.
@RoanCorporation
6 ай бұрын
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
5 ай бұрын
You are so welcome!
@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!
@BlackXSunlight
Жыл бұрын
1:40 I wondered about this. I heard it's smatter tobdesign for the most recent devices, but that one should also test designs on one's own device. But I never own cuurent-gen tech. I still have a cracked iPhone XR, and it'll probably be buried with me.
@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 😅.
@nafi8036
Жыл бұрын
When wire framing am I presenting every step to get to the screen where I would like to add features/fix layout issues? Or would I just draw the screen where I would like to implement my solutions?
@tommydharmawan2095
Жыл бұрын
to be honest i hate wireframing process. usually when i make UI/UX Design i just make it fast without wireframing process :D.
@sarasousa4318
Жыл бұрын
Easy English, amazing work! I really liked. I will see all this videos and practice my English. Beijos (kissesss) ❤❤❤
@AlexMusatkin
8 ай бұрын
Thanks. Please create videos about how to design in figma for product managers. About wireframes and mockups.
@umadethisuneccesarilydifficult
3 ай бұрын
the last video i watched just drew random shapes for 8 minutes. ty for actually showing us lol
@AlienaCai
2 ай бұрын
🤣🤣🤣 Your comment is legendary.
@Dariansweb
25 күн бұрын
Cool! I loved your little drawing tips at the end. Great Job! You did a perfect explanation of how quick a wireframe should be made.
@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!
@Sophie_Em
Ай бұрын
Does anyone know on 7:16 how she creates that curve ending point after curving the first line? I tried doing that but having a hard time. I use a macbook pro trackpad.
@ayobamiestherolanrewaju4910
Жыл бұрын
Thank you. Your video is straight to the point and easy to follow.
@saplingqwason
Жыл бұрын
why do you not just copy pasta the icons in from a svg database? seems like a giant waste of time to draw them if you're not gonna use the drawing
@sdaiwepm
Жыл бұрын
The point of using lorem ipsum is that the reader/reviewer should not be distracted by the meaning of the content.
@labloke5020
Жыл бұрын
People use lorem ipsum because you do want people to correct grammar and spelling on your text. It is annoying.
@soldiergirlpoet
6 ай бұрын
Just was I was looking for to get a refresher on wireframes!
@hammadgill3517
Жыл бұрын
Thank you, Aliena! Your video was short, precise, and absolutely wonderful! It was exactly what I was looking for. Great job!
@AnthonyJBiondoJr
Ай бұрын
This was an excellent tutorial on wireframing. Your instructions were clear and easy to follow.
@ragavdostoevsky
Жыл бұрын
Thank you madam. nice tutorial to learn figma wireframe. happy to share this.
@prince-zz7dj
2 жыл бұрын
I like your effort ,this helps a lot tho
@NiHiKata
3 ай бұрын
Basic question: Is wireframing supposed to be the presentation of the new website structure?
@rhlrathee
Жыл бұрын
Why not use any free icon library instead of building ref template icons from scratch ?
@aipingcheng7576
2 жыл бұрын
Nice one! Thank u ~Hope got chance to see the design system tutorials in the future~lol
@AlienaCai
2 жыл бұрын
Aha design system will be a great tutorial to make!
@danielled23
Жыл бұрын
This is great! I assume the image on the left is the finalized Prototype correct? I'm still trying to figure out the difference between the Wireframe and Prototype. Is the Prototype the same as a High Fidelity Mockup?
@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. 😇😇
@MsDjitornu
Жыл бұрын
This is simply the best thing I’ve learned in a while ! Thank you much!
@AlienaCai
Жыл бұрын
So glad!
@HussainTalkTravel
2 жыл бұрын
I love it.. Thank you!!.. Hope you do Figma Input field components
@AlienaCai
2 жыл бұрын
More tutorials coming up!
@abdullahnabilmahdi133
6 ай бұрын
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!
@tejiribashorun3848
9 ай бұрын
How did you get the screenshot please ?
@SpragginsDesigns
4 ай бұрын
On Android it's the power button + volume down. On Windows it's Windows Key + Crtl + S
@nonono6537
Жыл бұрын
so easy to understand, thank you ❤
@sarahlienhard9371
9 ай бұрын
Can I ask you why you don't just reduce the opacity of the original picture, and then create the blocks on top of that? So you dont need to measure the spacing all the time :)
@Princeoloto
9 ай бұрын
I randomly came across your channel. Girl, you are a good teacher and i hope to learn more from you 👍
@AlienaCai
9 ай бұрын
Thank you so much! Will try to do more tutorials 😁
@milkshake4ev3r
Жыл бұрын
Is there any video teaching people how to add columns in the table, and add items to the drop-down list? I am using the Material UI and it is limited to adding a certain number of columns and items, what can I do if I want to add more?
@candiey5627
Жыл бұрын
It helps me in learning wireframing. I would like to know something which is whether we can use ready-made icons than self-drawing in wireframing? Thanks for the tutorial.
@nehadutta7101
Жыл бұрын
Need help. Unable to use the pen, it does not stick to a point, as mentioned in the video, click on the point
@AmeyaGhuge80032
24 күн бұрын
I'm new to figma and this tutorial is the best, its so clear and i loved it!
@rosshughes3559
Ай бұрын
Concise and simple. You narrate well! Thanks
@onenobu4945
5 ай бұрын
My shapes won't stack and keeps going outside of each other.
@nafi8036
Жыл бұрын
Wow thank you❤️
@kingsleyanim6020
8 ай бұрын
Excellent video, straightforward,informative, no unnecessary long talks 👏👏👏
@billionboss2234
2 жыл бұрын
Hi, really enjoyed this video. simple and learned some other stuff. subscribed right away and looking forward to watching more.
@AlienaCai
2 жыл бұрын
Thanks for the sub!
@ayogsynergy3828
4 ай бұрын
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!
@ameykhandar889
2 жыл бұрын
hey aliena ,i m full stack developer bit not good at ui and ux so plz continue these series.....
@AlienaCai
2 жыл бұрын
Will do! Thank you so much for letting me know 👍🙌
@ameykhandar889
2 жыл бұрын
Idk that u will reply but thanku looking forward...
@pranalkhyade9626
Жыл бұрын
Why didn't you use the eclipse command to make the circle?
@yangxiyu5667
Жыл бұрын
This tutorial is so effective and easy to understand! Best figma tutorial for beginners!!!!!
@alatsamy
Жыл бұрын
Simply, thank you. Really appreciated. Please keep up the good work. Subscribed
@JosephMiller-zi6mf
3 ай бұрын
Aliena..... Thank you. Thank you. Thank you.
@AlienaCai
3 ай бұрын
You're welcome. You're welcome. You're welcome ☺️
@tiger5633
Ай бұрын
Really cool. I’m working on an app and needed a way to communicate my ideas to my designer. This was very helpful thanks
@AlienaCai
Ай бұрын
Glad it was helpful!
@prashantmishra5691
2 жыл бұрын
Thanks for short and simple vid. Keep it coming. Subbed!
@AlienaCai
2 жыл бұрын
Thank you for the comment!
@railpressureflip
8 ай бұрын
So nice, easy and straight to the point! Thank you! 🙌🏼
@MM-jr5sr
Жыл бұрын
Thank you SO MUCH for this! Great channel, you have a new subscriber.
Пікірлер: 345