Figma Format
Figma Format let's you format your canvas by grouping them by the names. ■ How it works It will check the names of each layer and group them by the text before the separator (by default "/") and layout nicely by their groups. ■ Customization You can customize how you want to format your cavas. - Spacing for X and Y axis - Grouping seprator (by default "/") - Vertical or Horizontal Layout ■ Example If we have 5 frames named the following - "Article/List" - "Article/List" - "Account/My Page" - "Account/Settings" - "Account/Settings". And formats using this plugin, it will be layouted like this: | Account/My Page | Account/Settings | Account/SettingsB | | Article/Detail | Article/List | ■ Feedback If you have any feedback feel free to open an issue! https://github.com/kawamurakazushi/figma-format/issues ■ Project Roadmap [x] Sort the Layers [ ] Customization Options [x] Spacing for x-axis and y-axis [x] Separator (default is"/") [x] Number of element in a row / column. [x] Horizontal / Vertical [ ] Postion of the seprator, for grouping (default is 1) ■ Support Like on Figma, or Star on Github is always a motivation :D https://github.com/kawamurakazushi/figma-format
Plugin Preview
About this plugin
Figma Format let's you format your canvas by grouping them by the names. ■ How it works It will check the names of each layer and group them by the text before the separator (by default "/") and layout nicely by their groups. ■ Customization You can customize how you want to format your cavas. - Spacing for X and Y axis - Grouping seprator (by default "/") - Vertical or Horizontal Layout ■ Example If we have 5 frames named the following - "Article/List" - "Article/List" - "Account/My Page" - "Account/Settings" - "Account/Settings". And formats using this plugin, it will be layouted like this: | Account/My Page | Account/Settings | Account/SettingsB | | Article/Detail | Article/List | ■ Feedback If you have any feedback feel free to open an issue! https://github.com/kawamurakazushi/figma-format/issues ■ Project Roadmap [x] Sort the Layers [ ] Customization Options [x] Spacing for x-axis and y-axis [x] Separator (default is"/") [x] Number of element in a row / column. [x] Horizontal / Vertical [ ] Postion of the seprator, for grouping (default is 1) ■ Support Like on Figma, or Star on Github is always a motivation :D https://github.com/kawamurakazushi/figma-format
Plugin Details
| Version | 7 |
|---|---|
| Created | July 16, 2019 |
| Last Updated | July 8, 2020 |
| Category | Software development |
| Creator | Kazushi Kawamura |
| Stats | 5932 installs, 87 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 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