How to Create a Wireframe | Website Wireframes & Wireframing Basics in Gliffy

Wireframes are a popular way to visualize your ideas before building a website or app. Website wireframes are also used to describe a single new page within an existing site or structure. They’re import in order to make sure everyone involved in the project — developers, writers, designers, and project managers — knows exactly what they’re building and how it’ll help their users.

While that might sound technical, making a wireframe is really easy! This Wireframe tutorial video will show you exactly how. You’ll learn:

🔹 How to open wireframing shapes in the Gliffy editor
🔹 Best practices for drawing wireframes
🔹 How to use layers to manage your content and ideas
🔹 What details to include for a low-fidelity wireframe
🔹 How to style shapes and text to create high-fidelity wireframes
🔹 …and more!

Follow along on this flowchart tutorial with a free trial of Gliffy Online here:

Like and subscribe for more tutorials just like this one!

Gliffy is an easy-to-use wireframing tool. For more help and detailed instructions, here’s our blog post explaining how to make a wireframe:

Learn about Gliffy’s Confluence and Jira apps here:

You May Also Like