Sketching a Website Page Layout with Excalidraw

Previously, I’ve written a blog post about how I used Milanote to create a mood board. I’ve also used Milanote for mind mapping. Today I came across another free online tool, thanks to the Speckyboy Design Magazine Facebook page.

It seemed that Excalidraw could be a quick way to draw out a web page layout, so I decided to give it a go. It’s quite a simple tool, without a load of bells and whistles, but I could see it being useful. It feels similar to quickly sketching with pencil and paper, but items can be moved or deleted and it’s easy to change their colour and size.

Time will tell whether I’ll actually use Excalidraw for any future projects, but I think it has potential.

Here’s the layout that I produced and was able to export as a png file (although I’ve made it smaller to display here).

Leave a comment