Draw a wireframe in Pencil Project
In this 2 hours long guided project you will learn how to create an e-commerce web UI wireframe using Pencil Project. You will create a user interaction and navigation flowchart, sketch re-usable items like header and navigation, group and arrange them into private collections, create home and product page, design dialogue and error messages, link the elements and finally export the prototype in an image, PDF or clickable interactive web format.
Watch on Coursera ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
More on: UI Design
View skill →Related AI Lessons
⚡
⚡
⚡
⚡
The Definitive Guide to DESIGN.md
Medium · AI
SaaS Admin Designer Strategies for Clean UX Dashboards
Medium · UX Design
3D Interior Design: Transform Your Dream Home Before Construction Begins
Dev.to AI
Global Accessibility Awareness Day 2026: A Small-Business Action Plan for the Week Leading Up to May 21
Dev.to · AgentKit
🎓
Tutor Explanation
DeepCamp AI