Hello Friends,
This week, we tap into the magic of blending. Nope, not blending mode, that's basic (but powerful though).
It's... drumroll please🥁... VECTOR BLENDING! 🎉
If you ever wondering how these graphics pull off, this is the tutorial for you. Nope, we are not manually creating each one of them, we use the magic of Vector Blender plugin. 🪄
Unfortunately, the magic has some limitations, and I am here to teach you how to work around it and master this plugin so you can use creatively in your own project.
Let's spread some magic!
LEARN DESIGN
Want to create smooth, shape-shifting vector patterns in Figma?
Here’s how to use the Vector Blender plugin to make a clean, fluid transition between two shapes — perfect for modern backgrounds and motion-like designs.
🎁 Grab your starter file here and follow along!
Video Tutorial is linked below.
Step 1 - Start with two vector shapes
They must have the same number of anchor points
The plugin won’t work if the count is mismatched
2 vector shapes that has same number of vector points.
Step 2 – Use plugin to blend
To blend them:
Open the Vector Blender plugin
Select the start shape and then the end shape
Decide how many copy you like in between
Hit “Generate”
Now you’ve got a seamless transition pattern in seconds.
Configure your blending settings in plugin.
Step 3 – Generate your pattern
That’s it.
Match your vector points
Use the plugin to generate steps
Simple trick, sharp results.
Hit generate and enjoy the result.
Step 4 – Explore more patterns
Final step: put it into your hero design
There's more in the tutorial. Don't forget to tune in. 😉
3 more blending patterns
Thanks for reading!
If the design tips saved you time or gave you an idea, share this email to a friend who’d love it too. They can join here for free!
New here? Subscribe to get next week’s design shortcut
P.S. Got a design problem you’d like me to cover? Just hit reply — I read every message.