FrameKit
A Framer style-management plugin that builds typography and color scales, shares style systems and imports Figma colors through JSON.
About FrameKit
FrameKit combines two common foundations of a design system in one place. Heading and paragraph styles form a type hierarchy, while brand colors expand into a numbered scale.
A style system can be shared by URL and imported into another Framer project, reducing the need to recreate it manually. Figma color styles have a separate JSON import path, connecting an existing design file’s palette to the site editor.
Plugin details
Generate text and color styles, apply them to a project, then share or import the style system when needed.
Creates H1–H6 and paragraph styles, numbered color scales and portable style systems.
Brand colors and typography settings become Framer styles; Figma local colors can be imported through JSON.
Supports Framer projects, shared style-system URLs and Figma color-style JSON.
For the Figma workflow, export local color styles and import their JSON into Framer.
Related plugins
View all
Built something worth finding?
Submit a site, template, component or tool built with any stack. We will add it to the atlas.