How to create a custom pattern pack

Follow this tutorial to learn how to create and import a custom pack into MagicPattern tools.

📼 TLDR: Watch the in-depth tutorial video

The process to create your custom shapes for a MagicPattern pack is pretty straightforward. However, there are a few things to keep in mind to make sure that your shapes are imported 100% correctly!

For this tutorial, I'm gonna use Figma because it's a free tool that anyone can use. But everything is applicable to other tools (like Sketch, Adobe Photoshop, Adobe Illustrator) as well.

And to make the process more fun, I'm gonna recreate a tile from this awesome pattern.

1. Create a 100x100px Frame

1. Draw your SVG inside the Frame

2. Use only one color

3. Use opacity to create a duotone effect

4. Remove the frame background

5. Outline everything

All your layers inside your frame will have the same