How to use Figma wireframe Kits

hello everyone today i'll be showing you guys how to use figma to create wireframes they have a lot of ui kits on figma so we'll be using that which is very beginner friendly because that saves you time and effort and lets you work a lot faster so usually i go to the community part of figma.com look up sketch wireframes or something similar this one looks good so i can duplicate it and from here we're going to create a new page you can call it whatever you'd like and we can create some screens iphone screens i usually go with the largest size just so we have more to work with and for the first screen we could focus on creating a login so we could use this for the placeholder for maybe a logo an app logo company logo put that nice and center right there and so for login we're going to need some rectangles so command c go back to this page and if you want to keep the proportions of something you can hold down shift when you're dragging it so yeah you could do like that i'd like it to be a little bit bigger so we don't need to worry about words in the boxes right now right now it's just the basic building blocks of our app and we can copy over this button for the login and the zoom out to get a better picture of what it looks like and right here we can focus on maybe just having a feed so copying this over the profile having this in the right here maybe having that and this is basically just the basics you're pretty much done you could just copy and paste whatever you like whatever fits your goal of this app thank you for watching

Channel: Dureti Ahmed

Views: 32,306

Keywords:

Id: HAERGqm8x1E

Length: 2min 31sec (151 seconds)

Published: Wed Feb 02 2022