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 | 5915 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.
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.