How-To

How-To Rapidly Sketch Wireframes Using Google Docs

By Austin

Last Updated on August 20, 2021

Wireframes are a helpful way to collaborate on conceptual ideas and discuss progress.

Wireframes are a helpful way to collaborate on conceptual ideas and discuss progress. Microsoft Office has tools that can be used to create wireframes and flowcharts, leaving Google Docs users wanting more. Morten, Just from Denmark, has decided he’s waited long enough and started making his own.

Creating your own wireframe art can be time-consuming and sometimes impractical. Luckily there are some wireframe templates already available, but there is just one problem.

Google Docs Drawing hasn’t yet incorporated drawing templates, so this is a bit of a workaround trick to get going.

1. Open up the Google Doc URL below. Be sure to sign in to your Google Account.

2. Click the File menu and select Make a Copy.

3. Use the select tool to move around and copy the portions you want. Only items in the white area will show when printed.

The Wireframe Docs To Copy

Product Details Wireframe For Google Docs [via docs.google.com]

Mobile Phone Drill Down Wireframe For Google Docs [via docs.google.com]

When you’re finished

To present it, all you have to do is Select All and Copy it to a blank New Presentation in Google Docs.

Have some fun trying it out, and maybe you can create some groovy wireframes!

Rapid wireframe sketching in Google Docs [via theGoogleOS.com]