Wireframing | Penpot Hands-On Demo

Are you looking to level up your wireframing in Penpot? In this live, Laura demonstrates how to quickly create wireframes for web and app designs with Penpot templates and answers your wireframing questions live.

In this second episode of Penpot's Hands-On Laura Kalbag, Design and Developer Educator, shows us how to quickly create wireframes for web and app designs with Penpot templates and libraries.

Feel free to drop your questions in the comments below or our Community space: https://community.penpot.app/

Check out these useful links to help you design wireframes with Penpot:

Tutorial: Creating wireframes with Penpot: https://penpot.app/blog/tutorial-crea...
Article: What is a wireframe and how to make one: https://penpot.app/blog/what-is-a-wir...
Visit our Learning Center guides: https://penpot.app/learning-center/#w...
Download libraries and templates at: https://penpot.app/libraries-templates



Chapters:
00:00 Penpot Hands-on Demo intro
08:33 Using libraries and templates
12:40 Creating boards for wireframes
15:54 Using components for quick wireframes
25:26 Using typographies in wireframes
32:33 Creating clickable wireframe prototypes
43:35 Presenting and sharing wireframes
50:10 Q&A Time

--

Penpot is the first open-source design and prototyping tool for Product teams.

Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs.

You can use it for your mockups, webs, apps and any other type of UX & UI Design


Penpot Community: https://community.penpot.app
App: https://design.penpot.app​​
Help: https://help.penpot.app​
Learning Center: https://penpot.app/learning-center
Contribute: https://github.com/penpot
Penpot Fest: https://penpotfest.org

Follow us:
*Mastodon: https://fosstodon.org/@penpot/​
*X: / penpotapp ​​
*LinkedIn: / penpotdesign
*Instagram: / penpot.app
*Github: https://github.com/penpot

Penpot: Design as code.