Figma

Live

Figma file references, embed previews, and dev-mode handoff.

Capabilities

  • Embed
  • Variables (dev-mode)
  • File references

Common use cases

  • Pull the latest Figma file into a project context
  • Sync design-token changes into code

How to wire it up

  1. 01

    Open a project workspace

    In any zyan project, hit cmd + k and type add figma.

  2. 02

    Authenticate

    Sign in with the Figma account that holds your credentials. We never store your password — only short-lived tokens scoped to the workspace.

  3. 03

    Drop the snippet

    zyan generates an environment-aware snippet that’s ready to commit. Webhooks point at the workspace by default — change them when you promote to production.

  4. 04

    Ship

    Promote the branch. The integration follows it through preview, staging, and production with the right keys per environment.