Image for post
Image for post

Creating Patterns In Sketch

Saving disk space while avoiding copy & paste headaches.

Aaron Tenbuuren
Mar 29, 2016 · 5 min read

PART ONE : CREATING A BASIC PATTERN

Image for post
Image for post
Holding shift will allow you to create 1:1 ratio artboard
Image for post
Image for post
Pattern Number 01
Image for post
Image for post
You can save colors for later use in your palette picker
Image for post
Image for post
Using the align tools with only a single item selected will align the object with the artboard
Image for post
Image for post
Triangle
Image for post
Image for post
You can create multiple size exports here (1x, 2x, 3x, etc) is needed
Image for post
Image for post
MAGIC! 🌟
Image for post
Image for post
Much easier than creating new patterns over and over again

PART TWO : CREATING OVERLAPPING PATTERNS

Image for post
Image for post
Pattern Number 02
Image for post
Image for post
Pattern manually tiled to check alignment 👍

Design + Sketch

The best collection of articles, tips, tutorials, and…

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

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