Sonic: Design Workflow Plugin by Matt Mitchell

Marketplace Plugins Categories Design Workflow

Screenshot 1 for Sonic, a Framer Marketplace plugin by Matt Mitchell.

Screenshot 2 for Sonic, a Framer Marketplace plugin by Matt Mitchell.

Sonic is an app built to speed up the design process for Framer projects. Spin up type styles & colors quickly and efficiently. Check colour pairings for accessibility and adjust to fit your brand. No more hours wasted on setting up your design tokens.

About this Plugin

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.