Wireframing and flows templates

Create storyboards and all kinds of wireframes: website wireframes, landing page wireframes, and mobile wireframes.

Go to E-commerce website user flow example template

E-commerce website user flow example

Used with:

Go to E-commerce website user flow example template

Paid Account

Go to Annotated e-commerce category page wireframe template

Annotated e-commerce category page wireframe

Used with:

Go to Annotated e-commerce category page wireframe template

Paid Account

Go to Home page wireframe 1 template

Home page wireframe 1

Used with:

Go to Home page wireframe 1 template

Paid Account

Go to Annotated home page wireframe template

Annotated home page wireframe

Used with:

Go to Annotated home page wireframe template

Paid Account

Go to Detailed website wireframe template

Detailed website wireframe

Used with:

Go to Detailed website wireframe template

Free

Go to Blog blockframe example template

Blog blockframe example

Used with:

Go to Blog blockframe example template

Paid Account

Go to Home page wireframe 2 template

Home page wireframe 2

Used with:

Go to Home page wireframe 2 template

Paid Account

Go to E-commerce home page wireframe template

E-commerce home page wireframe

Used with:

Go to E-commerce home page wireframe template

Paid Account

Go to Annotated login or sign-up page wireframe template

Annotated login or sign-up page wireframe

Used with:

Go to Annotated login or sign-up page wireframe template

Paid Account

Go to Sign-up page wireframe template

Sign-up page wireframe

Used with:

Go to Sign-up page wireframe template

Paid Account

Go to UI flowchart example template

UI flowchart example

Used with:

Go to UI flowchart example template

Paid Account

Go to iOS wireflow template

iOS wireflow

Used with:

Go to iOS wireflow template

Paid Account


How to use wireframing templates in Lucid

A wireframe is a visual representation of the structure and functionality of a single web page or mobile app. Teams use wireframes early in the development process before visual design and content are added. Wireframes help establish the basic structure of a page and get stakeholder buy-in. Using wireframing templates in Lucid allows hybrid, remote, and in-person teams to ensure a webpage or app is built according to established design goals.

How to get started:

  • Select a template. Lucid offers templates for both free and paid accounts, which are clearly marked. If you already have a Lucid account, you can simply log in and start editing.

  • Sign up for a Free, Individual, or Team account. If you don’t have a Lucid account, you can quickly sign up with your email address. Verify your email, and you’ll be logged in and ready to use your template.

  • Invite collaborators. Share a link to your document with team members.

  • Print, export, or present your document. In addition to being able to print your Lucid document, you can export it using various file formats. You can also build and export a presentation to Google Slides or Microsoft PowerPoint.

Lucid template features allow you to:

  • Create and edit documents. Drag shapes onto the canvas, resize, and easily connect shapes with lines. Customize colors, line styles, fonts, shapes, and create your own shape libraries.

  • Use advanced features. Link shapes to data from Google Sheets, Excel, or CSV files. Add layers to visualizations for multiple levels within your document. Access the document revision history to see changes over time and revert to a previous version if needed.

  • Collaborate in real time. Invite multiple collaborators to create and edit the same document at once. Give real-time feedback with comments and @mentions. Enable collaborator colors to see who contributed what. 

Get Started

  • Enterprise
  • Contact Sales
  • Pricing
PrivacyLegalCookie privacy choicesCookie policy
  • linkedin
  • twitter
  • instagram
  • facebook
  • youtube
  • glassdoor
  • tiktok

© 2025 Lucid Software Inc.