The Munchies collection designed by Elsma Ramirez @Blush.design

How to design an illustration system

The value of product illustrations and how to create a scalable system.

Introduction

🛠 Designing for an open-source project

Process

Ideation

Sketching. Defining the scope of the collection
How the elements will interact within the system

Color palette

Color palette

Categories

Illustration categories

Tools and Specs

Sketch view — Layers
Sketch view to create a symbol
Naming conventions
Symbols by category
Create a Master component
Left: Video showing how to create the nested component — Right: Nested components view

High-level overview

Left: Symbols and nested components view in Sketch — Right: Master combinations

And voila! Mix and match your illustrations

Blush design, types of illustration.
Usage of the illustration system
Food app implementation
Food article. Mockup by Anthony Boyd Graphics
Blush.design by Pablo Stanley
Thank you

Product Designer • Illustrator @leslongui www.lesketches.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store