Back to Plugins
Figma Format

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

format

Plugin Preview

Figma Format 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

Version7
CreatedJuly 16, 2019
Last UpdatedJuly 8, 2020
CategorySoftware development
CreatorKazushi Kawamura
Stats5894 installs, 85 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js