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.