Back to Plugins

Auto Style Sheet
Scan your design and automatically provide you a style guide
style guidesheetsreportstyles
Plugin Preview
About this plugin
When a style guide is missing, sifting through every design element can be time-consuming and challenging. This plugin not only aims to save significant time but also to pinpoint graphic design inconsistencies, ensuring a seamless and efficient transition from design to development.
How to Use:
- Select your intended Figma page.
- Go to Plugins > "Auto Style Sheet"
- Press 'Generate Report.'
- Examine the auto-generated list of styles and the highlighted inconsistencies.
- (Optional) Export your report for offline analysis or broader team sharing.
Key Features:
- Page-specific Reporting: The plugin exclusively scans the selected page, ensuring the report is tailored to your immediate needs.
- Automatic Detection: Swiftly identifies and lists all unique colors, fonts, and text sizes present on your chosen Figma page.
- Style Breakdown: Get a categorized view to quickly discern various text styles and colors.
- Visual Previews: Accompanied by a small visual snippet, each detected style ensures quick recognition and clarity of specific design elements.
- Exportable Reports: Extract the data in a handy format for offline consultation or team sharing.
- One-click Action: Generate the comprehensive report with a straightforward click, making the process simple.
Warnings:
- The plugin exclusively scans the selected page.
Bugs? Feel free to contact us: [email protected]
Plugin Details
Version | 1 |
---|---|
Created | July 27, 2023 |
Last Updated | October 11, 2023 |
Category | Software development |
Creator | Fri3nds Team |
Stats | 3610 installs, 386 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
- Allowed Domains:
- none
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.