Example payload
{
"mode": "active",
"position": {
"x": 120,
"y": 84
},
"enabled": true
}Ecosystem Demos
Figma Live State Sync
Placeholder for a design-tool integration that turns live channels into fresh visual assets and synced layer state.
PlannedLocal setup requiredPlannedState JSON
What this demo proves
This keeps a Figma plugin experiment visible as a possible ecosystem and visibility play where selected layers, tokens, or visual properties respond to canonical state updates in realtime while the plugin session is active.
Platforms
Figma Plugin
Payload types
JSON / objectStringFloatBoolean
Channel names
demo.figma.syncPlanned Figma live-state and layer-sync channel for ecosystem demos.demo.json.stateCanonical structured-state channel for browser and SDK parity demos.Compatibility notes
Browser JavaScriptNative
Node.jsNative
PythonNative
p5.jsJSON wrapped
ProcessingJSON wrapped
ArduinoJSON wrapped
ESP32 / ESP8266JSON wrapped
Serial bridgeAdapter required
TouchDesignerNot yet supported
Run online
- Source-first only for now.
Run locally
- Use code.ts and ui.html as the baseline plugin pair.
- Apply canonical state-json payloads to the current Figma selection.
Expected output
- The example shows the intended shape for reflecting canonical state payloads into a Figma document.
Troubleshooting
- This example is repo-source rather than a published plugin package.