Servly Sync
One home for your components — always in sync across design and code.
Plugin 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
| Version | 4 |
|---|---|
| Created | February 12, 2026 |
| Last Updated | April 7, 2026 |
| Category | File organization plugins |
| Creator | Servly |
| Stats | 1 installs, 1 likes |
| Pricing | Free |
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
More Like This
Discover other plugins in the File organization plugins category.