Member-only story

My new favorite tool for wireframing

Darryl Williams II
5 min readFeb 17, 2023

--

There’s a new way to use Canva that is going to change the way developers build websites. Truth is: in a world full of tools and tips for developers, I wasn’t sure if I wanted to write this. After talking to some of my developer buddies about the feature they all agreed that more people should be using it, as it will save hours of time. The new feature on Canva is called ‘Website Publisher’.

Picture of a PC on a desk. Glasses and mouse in front of it | Photo by Dzenina Lukac on www.pexels.com

As it’s name implies, it allows you to use Canva’s code-free environment to create web pages. You can add elements, text, or even use templates to quickly and effectively create beautiful web pages exactly as you envision them. You can create a website in as little as an hour and wont have to type a single line of code. This is the out-the-box functionality of the feature but I found a new and better way to use it as a wire framing tool and interactive website demo.

What is wireframing?

Picture of a wireframe. Uses common layout of 4 major boxes: header, notification, banner, and then body.
Common wireframe

Wireframing refers to when you create the general layout of a site for a client to get an idea as to how it will look structurally. Many call this the ‘bones’ of the site. The industry standard is to create a photoshop file (pst) for this. I find that photoshop takes more time and…

--

--

Darryl Williams II
Darryl Williams II

Written by Darryl Williams II

Father, gamer, and Software Ninja

No responses yet