Back to Plugins
StyleSync -Website/JSON to Figma Styles

StyleSync -Website/JSON to Figma Styles

Extract website styles into Figma

Plugin Preview

StyleSync -Website/JSON to Figma Styles preview

About this plugin

StyleSync helps you quickly extract text styles and color palettes from live websites or AI-generated JSON directly into Figma.Paste a website URL to automatically detect:• Typography styles• Font sizes and weights• Headings and text hierarchy• Brand colors and palettesYou can also paste JSON generated from AI tools or design systems to instantly create structured Figma styles.

Plugin Details

Version3
CreatedMay 15, 2026
Last UpdatedMay 25, 2026
Categoryfonts-typography
CreatorSharad Verma
Stats1 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Network Access:

    Need to fetch website contents to extract styles.

  • Editor Types:
    figma
  • Allowed Domains:
    • *