Rotate Origin
<p>Want to rotate an object around an arbitrary point? With Rotate Origin, it is possible!</p><p><br></p><h2>How to use:</h2><p>◉ Set the angle of rotation;</p><p>◉ Set the offset relative to the upper left corner;</p><p>◉ Rotate! ✨</p><p><br></p><h2>Examples:</h2><ol><li>Angle: 30; Offset X: 0%; Offset Y: 100% — will rotate the object 30 degrees relative to the lower left corner.</li><li>Angle: 45; Offset X: 0; Offset Y: 0 — rotates the object 45 degrees relative to the upper left corner.</li><li>Angle: 90; Offset X: 100; Offset Y: -100 — rotates the object 90 degrees relative to a point located 100 degrees to the left and 100 degrees above the top left corner.</li></ol><p><br></p><p>– The «Relative to the parent frame» parameter allows you to set the center of rotation relative to the parent frame.</p><p>– The «Duplicate layer» parameter allows you to specify the number of duplicates and the offset at each iteration.</p><p>– The «Fit into a angle» parameter allows you to distribute all duplicates of the node within the specified angle.</p><p><br></p><p>◉ Demonstration of work: <a href="http://twitter.com/AndreslavKozlov/status/1204150344864976896" rel="noreferrer noopener nofollow ugc" target="_blank">twitter.com/AndreslavKozlov</a></p>
Plugin Preview
About this plugin
Want to rotate an object around an arbitrary point? With Rotate Origin, it is possible!
How to use:
◉ Set the angle of rotation;
◉ Set the offset relative to the upper left corner;
◉ Rotate! ✨
Examples:
- Angle: 30; Offset X: 0%; Offset Y: 100% — will rotate the object 30 degrees relative to the lower left corner.
- Angle: 45; Offset X: 0; Offset Y: 0 — rotates the object 45 degrees relative to the upper left corner.
- Angle: 90; Offset X: 100; Offset Y: -100 — rotates the object 90 degrees relative to a point located 100 degrees to the left and 100 degrees above the top left corner.
– The «Relative to the parent frame» parameter allows you to set the center of rotation relative to the parent frame.
– The «Duplicate layer» parameter allows you to specify the number of duplicates and the offset at each iteration.
– The «Fit into a angle» parameter allows you to distribute all duplicates of the node within the specified angle.
◉ Demonstration of work: twitter.com/AndreslavKozlov
Plugin Details
Version | 20 |
---|---|
Created | November 23, 2019 |
Last Updated | September 1, 2022 |
Category | Software development |
Creator | Andreslav Kozlov |
Stats | 10254 installs, 310 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.