Style Extractor
Import visual style from the web into Framer. Style Extractor scans any website URL or your Figma styles also, identifies key colors and font styles, and generates organized Framer Color Styles and Text Styles so you can recreate brand systems faster.
About this Plugin
CSS Style Extractor pulls colors and typography from any website URL or from your Figma canvas any color style and text style and turns them into reusable Framer styles. Scan a live page, detect its most-used color palette and text styles, then quickly create organized Framer Color Styles and Text Styles inside your project. Great for rebuilding existing websites, matching brand systems, or speeding up design setup from inspiration sites.
Changelog
Your Framer account ID and name are used to track free/pro access and usage.
If you use paid checkout, billing details are handled via Polar; email is stored only in Polar.
Figma token is used only during your session and is not saved in browser local/session storage by this plugin.
Website/Figma inputs are used only to run extraction features.
Pro gives unlimited extractions; free users have a usage limit cycle of only 10 extractions.
Plugin includes a disconnect option for users to logout temporarily the context which was share during that time.
Data handling is now clearly disclosed and minimized.
Privacy/security disclosures are added inside of the plugin.
CORS is corrected now again properly
Details
Vinay Juneja
