Blend
Blend plugin allows you to copy any object along the path.How it works Select an object you want to clone, then select the path and the Blend Group will be created (it's a regular group but it stores useful data about the blend so it's not recommended to ungroup it).Change the number of copies or the distance that you want to keep between them to make the composition fit your needs.While the plugin is open you can also edit the blend path and you will see changes in real time.★ Check out the design & development process of this plugin on Behance: https://www.behance.net/gallery/83421531/Blend-Plugin-for-Figma-Creation-ProcessFeaturesYou can click on layers to select them, they will also reflect which layer is currently selected on the canvas.Replace blend path or object by clicking the pencil icon near them and selecting the object you want to change it to.Click the Remove Blend button to quickly remove all copies and keep your original object and path.TipsUse an instance of a component as the main object to be able to easily change its properties.Select an object and a path when opening the plugin and it may be able to automatically detect them and create the Blend Group.Select an existing blend group when opening the plugin to edit it instead of creating a new one.Known issuesIf you edited the node you are copying, change the number of steps to update the copies.If you use Cmd + Z it may break the blend and you will have to manually remove copies, reselect the missing object or restart the plugin.You cannot use anything other than a simple vector object as a path. If you want to use a shape like an ellipse, flatten it first (Right-click -> Flatten).
Plugin Preview
About this plugin
Blend plugin allows you to copy any object along the path.How it works Select an object you want to clone, then select the path and the Blend Group will be created (it's a regular group but it stores useful data about the blend so it's not recommended to ungroup it).Change the number of copies or the distance that you want to keep between them to make the composition fit your needs.While the plugin is open you can also edit the blend path and you will see changes in real time.★ Check out the design & development process of this plugin on Behance: https://www.behance.net/gallery/83421531/Blend-Plugin-for-Figma-Creation-ProcessFeaturesYou can click on layers to select them, they will also reflect which layer is currently selected on the canvas.Replace blend path or object by clicking the pencil icon near them and selecting the object you want to change it to.Click the Remove Blend button to quickly remove all copies and keep your original object and path.TipsUse an instance of a component as the main object to be able to easily change its properties.Select an object and a path when opening the plugin and it may be able to automatically detect them and create the Blend Group.Select an existing blend group when opening the plugin to edit it instead of creating a new one.Known issuesIf you edited the node you are copying, change the number of steps to update the copies.If you use Cmd + Z it may break the blend and you will have to manually remove copies, reselect the missing object or restart the plugin.You cannot use anything other than a simple vector object as a path. If you want to use a shape like an ellipse, flatten it first (Right-click -> Flatten).
Plugin Details
| Version | 5 |
|---|---|
| Created | July 23, 2019 |
| Last Updated | October 23, 2019 |
| Category | design-systems |
| Creator | Gleb |
| Stats | 73835 installs, 1733 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the design-systems category.