Design · Figma API

Figma Design Sync by Volade

Embed Figma frames and sync design tokens to CSS custom properties — masked token, shortcodes, sync log, test connection.

v1.0.0 · token sync on

Frames + design tokens on WordPress

Iframe or cached PNG embeds. Optional :root { --fds-* } CSS variables from Figma styles.

Test connection

Settings · wp-admin

Figma token & file key

Masked Personal Access Token, default file key, embed mode. Override via FDS_FIGMA_TOKEN or FIGMA_ACCESS_TOKEN in wp-config.

configured
SettingValue
Figma tokenfigd_••••••••••••abcd (masked)
Default file keyAbCdEf1234567890
Embed modeiframe
Token syncenabled

Frame embed shortcodes

Live iframe or cached PNG from Figma Images API

◫ Figma frame embed preview

4 sync presets

🏢
Agency Brand

Iframe + brand tokens

🎨
Design System Tokens

Full CSS variable sync

🖼️
Frame Showcase

Cached PNG embeds

👁️
Client Review

Live iframe review

REST, CLI & export

fds/v1REST namespace
wp fdsWP-CLI
JSONFree export
HealthSite Health test
Endpoint / commandAction
GET fds/v1/statusHealth snapshot
POST fds/v1/testTest Figma connection
wp fds preset design-system-tokensApply token sync preset