Blend
<p>Blend plugin allows you to copy any object along the path.</p><p><br></p><p><strong>How it works </strong></p><ol><li>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).</li><li>Change the number of copies or the distance that you want to keep between them to make the composition fit your needs.</li><li>While the plugin is open you can also edit the blend path and you will see changes in real time.</li></ol><p><br></p><p>★ Check out the design & development process of this plugin on Behance: <a href="https://www.behance.net/gallery/83421531/Blend-Plugin-for-Figma-Creation-Process" rel="noreferrer noopener nofollow" target="_blank">https://www.behance.net/gallery/83421531/Blend-Plugin-for-Figma-Creation-Process</a></p><p><br></p><p><strong>Features</strong></p><ul><li>You can click on layers to select them, they will also reflect which layer is currently selected on the canvas.</li><li>Replace blend path or object by clicking the pencil icon near them and selecting the object you want to change it to.</li><li>Click the Remove Blend button to quickly remove all copies and keep your original object and path.</li></ul><p><br></p><p><strong>Tips</strong></p><ul><li>Use an instance of a component as the main object to be able to easily change its properties.</li><li>Select an object and a path when opening the plugin and it may be able to automatically detect them and create the Blend Group.</li><li>Select an existing blend group when opening the plugin to edit it instead of creating a new one.</li></ul><p><br></p><p><strong>Known issues</strong></p><ul><li>If you edited the node you are copying, change the number of steps to update the copies.</li><li>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.</li><li>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).</li></ul>
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-Process
Features
- You 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.
Tips
- Use 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 issues
- If 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 | 64086 installs, 1338 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.