Back to Plugins
Auto Style Sheet

Auto Style Sheet

Scan your design and automatically provide you a style guide

style guidesheetsreportstyles

Plugin Preview

Auto Style Sheet 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:

  1. Select your intended Figma page.
  2. Go to Plugins > "Auto Style Sheet"
  3. Press 'Generate Report.'
  4. Examine the auto-generated list of styles and the highlighted inconsistencies.
  5. (Optional) Export your report for offline analysis or broader team sharing.


Key Features:

  1. Page-specific Reporting: The plugin exclusively scans the selected page, ensuring the report is tailored to your immediate needs.
  2. Automatic Detection: Swiftly identifies and lists all unique colors, fonts, and text sizes present on your chosen Figma page.
  3. Style Breakdown: Get a categorized view to quickly discern various text styles and colors.
  4. Visual Previews: Accompanied by a small visual snippet, each detected style ensures quick recognition and clarity of specific design elements.
  5. Exportable Reports: Extract the data in a handy format for offline consultation or team sharing.
  6. 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

Version1
CreatedJuly 27, 2023
Last UpdatedOctober 11, 2023
CategorySoftware development
CreatorFri3nds Team
Stats3370 installs, 356 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none