---
title: "Sonic — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Matt Mitchell · Styles. Sonic A plugin for creating, managing, and applying complete design token systems via Framer styles in minutes."
canonical: "https://framer.elliotli.dev/plugin/sonic"
---

[Home](/)/[Plugins](/plugins)/[Styles](/plugins/category/styles)/Sonic

# Sonic

The time saving plugin.

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

![Sonic preview image 1](https://framer.elliotli.dev/og/plugin/sonic/dcc71559010b9dc8/1600x1200.jpg)

## Summary

Sonic A plugin for creating, managing, and applying complete design token systems via Framer styles in minutes.

## Description

**Sonic** A plugin for creating, managing, and applying complete design token systems via Framer styles in minutes. Build typography scales and semantic color palettes, validate WCAG contrast in real time, apply styles directly to canvas, and export tokens to CSS, JSON, Tailwind, SCSS, and CSS-in-JS. Built-in presets (Material 3, Bootstrap, Tailwind, Wise) plus custom presets help teams keep visual systems consistent across projects.

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

-   All · #1147

## Details

- **Author**: Matt Mitchell
- **Published**: 2026-02-22
- **Updated**: 2026-02-20
- **Added**: 2026-02-19
- **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