Magic Style Guide - Design System
Generate stunning style guides from local styles and variables - instantly!
Plugin Preview
About this plugin
✨ Magic Style Guide ✨Create beautiful, clear, professional style guides - in just one click.Magic Style Guide reads all your color variables (across multiple collections, including linked variables) and text styles to instantly generate an elegant, organized, and ready-to-share style guide.Perfect for onboarding, documentation, and developer handoff - without any manual work.---🔮 Features:- One-click magic: Instantly document all text styles and color variables.- Smart descriptions: Auto-generate usage notes based on your style names.- Linked variables support: Handles both direct and linked variables across collections.- Multi-collection ready: Organizes styles beautifully even when they span several collections.- Beautiful output: Clean, professional, and fully structured style guides.---Why you'll love it:Save hours of boring documentation.Keep your design systems clear, consistent, and ready for scale.Focus on design - Magic Style Guide takes care of the rest. 🎩✨
Plugin Details
| Version | 3 |
|---|---|
| Created | April 22, 2025 |
| Last Updated | May 1, 2025 |
| Category | design-tools-other |
| Creator | Emile |
| Stats | 41 installs, 10 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://i.postimg.cc
More Like This
Discover other plugins in the design-tools-other category.