Back to Plugins
Scoutr:Style Guides Generator

Scoutr:Style Guides Generator

One-click style guide wizard for your design ✨

documentationautomationeffectdesign-tokensfigma-plugincolor-systemdesign-systemstyle-guidetypography

Plugin Preview

Scoutr:Style Guides Generator preview

About this plugin

Scoutr transforms your Figma design files into beautifully organized style guides instantly. Simply select your design elements, and watch as Scoutr automatically analyzes and generates a comprehensive style guide.


Key Features:

  1. Automatic color system analysis with semantic naming
  2. Typography styles documentation with live previews
  3. Shadow effects and gradients categorization
  4. Spacing (Auto-Layout) and radius system detection
  5. Support for px, dp, and pt units


How to Use:

  1. Select the layers or frames you want to analyze
  2. Choose your preferred unit (px/dp/pt)
  3. Click generate and get your style guide instantly!


Perfect for:

  1. Handoff documentation
  2. Design consistency check
  3. Quick style guide creation


Note: Works with any Figma design file. No setup or configuration needed.

Plugin Details

Version6
CreatedNovember 22, 2024
Last UpdatedNovember 27, 2024
CategoryFile organization plugins
CreatorJae-seong Jeong
Stats31 installs, 15 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none