---
title: "Framer Plugins for Styles — Page 2 of 4 · Best of Framer"
description: "Framer plugins for Styles, ordered by marketplace rank. (Page 2 of 4)"
canonical: "https://framer.elliotli.dev/plugins/category/styles/2"
---

Resources

# Plugins for Styles

Framer plugins that extend the canvas — CMS, forms, animation, and workflow tools, ranked by marketplace popularity.

[Browse templates](/templates)[Browse components](/components)

-   [All categories](/plugins)
-   [Media](/plugins/category/media)
-   [Integrations](/plugins/category/integrations)
-   [Utilities](/plugins/category/utilities)
-   [CMS](/plugins/category/cms)
-   [SEO](/plugins/category/seo)
-   [Styles](/plugins/category/styles)
-   [Ecommerce](/plugins/category/ecommerce)
-   [AI](/plugins/category/ai)
-   [Libraries](/plugins/category/libraries)
-   [Localization](/plugins/category/localization)
-   [Code](/plugins/category/code)
-   [Assets](/plugins/category/assets)
-   [Design Workflow](/plugins/category/design-workflow)
-   [Forms](/plugins/category/forms)
-   [UI Kits](/plugins/category/ui-kits)

[All plugin categories](/plugins/category)

-   [Rank](/plugins/category/styles)
-   [Newest](/plugins/category/styles?sort=newest)
-   [Trending](/plugins/category/styles?sort=gaining)

[Free](/plugins/category/styles?free=1)

-   [Color Palette Generator](/plugin/color-palette-generator) — medo · Free — Effortlessly craft perfect palettes with Color Palette Generator Choose from six powerful color modes: Image Color Extraction,…
-   [CSS Color Importer](/plugin/css-color-importer) — Matt Theuma · Free — CSS Color Importer for Framer A powerful plugin that transforms your CSS color system into Framer color styles, preserving design tokens…
-   [Kerning Visualizer](/plugin/kerning-visualizer) — hicard · Free — Drag letters to perfect kerning
-   [Buildin-Frame: Text Styles](/plugin/buildin-frame-text-styles) — Soubhagya Sahu · Free — Text Styles for Framer
-   [Style Sync](/plugin/style-sync) — @ru Design · Free — Style Sync is a Framer plugin that helps you keep your design system consistent across projects.
-   [Shukr Systemic Typescale](/plugin/shukr-systemic-typescale) — Shukr Design · Free — Typescale & Color Generator
-   [Complete Text and Color Styler](/plugin/complete-text-and-color-styler) — Randy Varianda · Free — Complete Text & Color Styler
-   [StylePassport](/plugin/stylepassport) — Luke Sn · Free — Beautiful brand handoffs, in a ZIP
-   [Color Import](/plugin/color-import) — Igor Mosijchuk · Free — Color Import
-   [Advanced Style Generator](/plugin/advanced-style-generator) — Nabeel · Free — Dynamic design systems
-   [TokenIt](/plugin/tokenit) — Salah Eddine Adouda · Free — Tokenit transforms a single brand color into a complete, production-ready design system directly inside Framer — no manual setup, no…
-   [Style Extractor](/plugin/style-extractor) — 1655 Studio · Free — CSS Style Extractor pulls colors and typography from any website URL or from your Figma canvas any color style and text style and turns…
-   [Styleguide](/plugin/styleguide) — Jeremiah Elegba · Free — Styleguide is your essential tool for creating a complete and cohesive style guide directly within Framer.
-   [Style Checker](/plugin/style-checker) — Anoop · Free — Style Checker scans your entire Framer project to detect detached text and color styles.It lists every layer with missing or unlinked…
-   [Gligh](/plugin/gligh) — Joshua Jackson · Free — Gligh is a glyphs panel for Framer.
-   [Style Directory](/plugin/style-directory) — Anoop · Free — Style Directory helps you explore curated Style Guides inspired by top digital products.Browse palettes and typography to find your visual…
-   [Typescaaale](/plugin/typescaaale-73e0721mafaxr175asgkfrhzd) — Cloud Odhiambo · Free — Typescaaale was born.
-   [Color Pallete Extractor](/plugin/color-pallete-extractor) — Ahmed Zulfiqar · Free — Extract colors from images
-   [Typeskale](/plugin/typeskale) — Oladipupo Ayoola · Free — Typeskale removes that hassle.
-   [Color AutoLink](/plugin/color-autolink) — Dmitrii FRecolor · Free — Color AutoLink scans your project, finds all raw HEX codes, and instantly links them to your project's existing Color Styles.
-   [Vertical Text Generator](/plugin/vertical-text-generator) — hicard · Free — Vertical Text Generator Creates Japanese vertical text components using native CSS `writing-mode: vertical-rl`.
-   [Shades And Tints](/plugin/shades-and-tints) — James Hicks · Free — Select any Frame that has a background fill and then easily generate shades and tints of that color.
-   [Style Board](/plugin/style-board) — Anoop · Free — Generate style guides
-   [SnapKit](/plugin/snapkit) — Convitsa · Free — SnapKit lets you instantly extract the complete visual identity of any website — without digging through code or wasting time guessing…

[Previous](/plugins/category/styles)

-   [1](/plugins/category/styles)
-   [2](/plugins/category/styles/2)
-   [3](/plugins/category/styles/3)
-   [4](/plugins/category/styles/4)

[Next](/plugins/category/styles/3)

Page 2 of 4, 94 items.