Absolutely amazing, thank you for explaining your process and showing an example in your walkthrough. I had to reduce the playback speed to 0.25 when you speed it up to catch what was going on. Thank you so much!
This is exactly what I was looking for, to make sure I had the right idea about how to start, and whether to have separate files when using a wireframe kit, or to use pages. Really helpful mate - cheers!
Using Fiverr for a redesign and it's helpful to use Figma to wireframe my ideas. Your tutorial is super helpful for someone who hasn't used Figma before.
Thanks for a unusually good tutorial. Structured and very easy to follow. I will continue with watching all of your other ones within in my interest. Henrik
Finally an actual tutorial.... !!! Thank goodness. Sooo much waffling on RU-vid on this subject. :-) Figma itself, also really needs to have way better instruction. What they have currently when you've not seen it before is of little help. Videos like this are essential. After now watching the whole thing I'm even more impressed. Great job. Really appreciate the anal organization and as a programmer anyway, will definitely be going this route. The only thing missing from this was a way of making multiple pages and linking them together in some kind of flow, hope another vid could be done about that.
Actually, I do think that RU-vid will allow the video to play at half speed, but I'm pretty sure I would sound pretty funny. Hope the video is still useful for you :)
Great video, i dont know why it was recommended to me but im glad i watched it. I have one dumb question though which people are required to use figma? The one who create websites or applications?
This wireframe design is to just show it to product owner how the product over all looks like ... and final design will be same as wire frame with actual colors ...am i correct..? am UI developer gradually moving to UX so
Hello, once "Company Nav" has been created, I copy it but it does not paste. I have tried several times in multiple places. Any idea why this may be happening? Otherwise, very much a great tutorial.
Hi Mohak! You're going to need to add a layout grid to get a 12 column guide to show up. This video will cover that in greater detail. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-6wvG14RSKNI.html
Hi, this was a good tutorial. Just one question here. Is it possible to extract the CSS out of wireframe which can used in real development to keep the consistency? Thanks
You definitely can but the code it will produce is somewhat limited to internal properties of components and how you construct the wireframe will impact the positioning displayed in the code panel (right side of the Figma layout).
A lot of companies have time invested in training their staff on platforms like Axure, so the value of a product can't be measured solely by the emergence of other options. In short, if an entire team is comfortable using something like Axure, I can't see the logic in forcing change where it isn't needed.
This wireframe design is to just show it to product owner how the product over all looks like ... and final design will be same as wire frame with actual colors ...am i correct..? am UI developer gradually moving to UX so
Hi Durrab, I was able to go directly to the site and make a copy of the template. Not sure if the site was down while you were attempting to follow along, but I can confirm that the template is available. www.figma.com/templates/wireframe-kits/
Hi Bob! The purpose was to point out that you can create your own components or use those that come along with the file. If I created the other assets, I wouldn't really be utilizing the file. Hope this helps clear up the direction chosen.
Loads. I would simply suggest diving into the Figma Community to select your favorite. I've attached an option to get you started. www.figma.com/community/file/842336652044670280/Mobile-wireframing-kit
