---
title: "Styleguide Generator — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Favorit Frame · Styles. One-click Workflow Tool"
canonical: "https://framer.elliotli.dev/plugin/styleguide-generator"
---

[Home](/)/[Plugins](/plugins)/[Styles](/plugins/category/styles)/Styleguide Generator

# Styleguide Generator

One-click Workflow Tool

[View on Framer](https://framer.com/marketplace/plugins/styleguide-generator/?via=elliot-li)

![Styleguide Generator preview image 1](https://framer.elliotli.dev/og/plugin/styleguide-generator/18bac8ceda592419/1600x1200.jpg)

## Summary

One-click Workflow Tool

## Description

### How it Works

1.  Create some color & text styles in your project
    
2.  Open the plugin and choose styles
    
3.  Insert your styleguide components
    

### Updating your Styleguide

Update any existing styleguide component by selecting it and clicking on „Update Styles“ in the plugin.

### Customization

You can customize your styleguide components to match your brands fonts and colors. This plugin supports color and text styles.

### Next Steps

-   [Get your Licence Key](https://frame-one.lemonsqueezy.com/buy/43d4dfee-8828-413c-b618-d8d514680950)
    
-   [Example Styleguide](https://styleguide-plugin.framer.website/)
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #857

## Details

- **Author**: Favorit Frame
- **Published**: 2024-10-02
- **Updated**: 2026-05-26
- **Added**: 2024-09-25
- **Categories**: Styles

## More like this

-   [Sealcraft](/plugin/sealcraft) — Cyedi Creative Studio · Free — Badges, stamps and spinning seals
-   [Divider Lab](/plugin/divider-lab) — ANASS TB · Free — Shape dividers for clean sections
-   [Tablecraft](/plugin/tablecraft) — ANASS TB · Free — Paste rows, get a designed table
-   [Cookiewall](/plugin/cookiewall) — ANASS TB · Free — Cookie banners, done in seconds