Rotate Origin
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 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 | 10739 installs, 326 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.
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.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code