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 | 5898 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
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI