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: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

Version1
CreatedJuly 27, 2023
Last UpdatedOctober 11, 2023
CategorySoftware development
CreatorFri3nds Team
Stats3818 installs, 411 likes
PricingFree

Technical Details

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