Sonic

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

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.