Back to Plugins
Servly Sync

Servly Sync

One home for your components — always in sync across design and code.

Plugin Preview

Servly Sync preview

About this plugin

AboutKeep your Figma design system and production codebase in sync. Servly Sync translates components bidirectionally through CIF (Component Interchange Format), so designers and developers always work from the same source of truth.What You Can DoBidirectional sync: Push component changes from Figma to code, or pull code updates back into Figma.Design system structure: Components, tokens, and variants stay organized across your entire system.Conflict resolution: See exactly what diverged between Figma and code, and choose which version wins.CIF format: A framework-agnostic interchange layer, so your system isn't locked to React, Vue, or any single framework, see https://www.npmjs.com/package/@servlyadmin/runtime-core.Token sync: Design tokens flow between Figma variables and your codebase automatically.Integrations: Connect to Confluence, Storybook, GitHub, npm, and Chromatic. Notion and Linear coming soon.Diff view in Component Details: Property-level diffing shows you border-radius changed, not just "component modified."Support: [email protected]

Plugin Details

Version4
CreatedFebruary 12, 2026
Last UpdatedApril 7, 2026
CategoryFile organization plugins
CreatorServly
Stats1 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:plugin.js
  • Document Access:dynamic-page
  • Network Access:

    Connects to Servly API for syncing design system data and loads user avatars from OAuth providers

  • Editor Types:
    figma
  • Allowed Domains:
    • https://*.googleusercontent.com
    • https://api.figma.com
    • https://avatars.githubusercontent.com
    • https://core-api-beta.servly.app
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com
    • wss://core-api-beta.servly.app