LogoJuan Manuel Allo Ron

Create Quick and Stunning graphs

By Juan Manuel Allo Ron on Apr 28, 2020
Canva.com main editor

As software developers communication is a key skill. We not only communicate with code, but also we document, share and present ideas on a daily basis.

Personally I take pride in preparing documents, diagrams and presentations to share architectures, processes, designs and ideas. I sometimes tend to spend more time than needed :)

I want to share with you my favorite tool I use to help me create these assets.


Canva is an online editor created to enable non visual designers to create professional looking assets in no time. It is based on a freemium model, but so far I haven’t needed to use any of their paid services (and I have been using it for more than 8 years!).

How does it work?

After you create an account you will see a gallery of options to create a new design:


It has dimensions for most of the common formats (including a lot of social media apps) and also allows you to define custom dimensions.

When creating a new design, it will open a new tab with a full drag & drop editor


The editor comes with a palette that has multiple options:

  • Templates: pick custom predefined designs for the format selected
  • Photos: Frames to quickly add photos. This is one of the killer features
  • Elements: Any type of elements, stickers, assets. I tend to use search a lot here
  • Text: Simple text combos, it supports a lot of fonts and templates usually combine them for you.
  • Videos: I haven’t used videos yet, but I noticed that recently was incorporated along with the support for gifs.
  • Background: Multiple background patterns and ideas.
  • Uploads: You can upload your own assets and manage them here
  • Folders: This is a premium feature, so I haven’t tested out yet.
  • More: support for other richer content like free images, youtube video connect, facebook and more.

Once your design is ready, you can download it as a png or pdf. Keep in mind that if you used any asset that is not free, you will need to pay a small amount for the royalties.

They also have a blog, that you can use for inspiration.

I have used this tool successfully for the following:

  • Presentation covers or visuals.
  • Graphs, processes, diagrams, and any other supporting assets.
  • Icons, banners, even some high level mocks for apps.
  • Content for my blog.
  • Moodboards.

What it has not been so useful for:

  • Full presentations. It is simply not as quick as any regular tool and also it can become laggy when making too many slides.
  • Tables or content that has lots of text.
  • Mockups or wireframes. I gave this a try a couple of times, but I tend to move to some other tool really quickly.

Some of examples of what I have created:

A book frontpage with the label JS Books

A full presentation example

Design mockups for a mobile app

Icons and logos

A design system

Catch up with me on Twitter:@juan_allo

Design process
Ux design
Web design


XFacebookY CombinatorLinkedInRedditEmail


Similar Articles

Creating gifs from the OSX terminal in 2 easy steps

Mar 31, 2020
I like sharing quick demos to all the stakeholders as soon as I start developing something new. I find that sharing soon helps to get early feedback and make sure that everyone’s requirements…
Side to side visual differences between the command cat and bat

Tip: Syntax Highlighting with BAT

May 7, 2020
Terminal command cat is a standard tool to print file contents to the console. I use it all the time but recently I found bat and it changed my life!
Two employees testing a web app

Thoughts on Snapshot Testing

Apr 14, 2020
Since I moved to react at work I have been using and trying different testing strategies and I wanted to share some thoughts and best practices around snapshot testing.

CSS Flexbox guide

Apr 6, 2017
Flexbox helps to solve some of the major problems when working with CSS. Here is a cheatsheet that provides a glance of everything you can do with it.

@2023 Juan Manuel Allo Ron. All Rights reserved