Files
bi-agents/_bmad/wds/workflows/6-asset-generation/data/figma-integration-guide.md
Cassel 647cbec54f docs: update all documentation and add AI tooling configs
- Rewrite README.md with current architecture, features and stack
- Update docs/API.md with all current endpoints (corporate, BI, client 360)
- Update docs/ARCHITECTURE.md with cache, modular queries, services, ETL
- Update docs/GUIA-USUARIO.md for all roles (admin, corporate, agente)
- Add docs/INDEX.md documentation index
- Add PROJETO.md comprehensive project reference
- Add BI-CCC-Implementation-Guide.md
- Include AI agent configs (.claude, .agents, .gemini, _bmad)
- Add netbird VPN configuration
- Add status report

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-19 13:29:03 -04:00

1.1 KiB

Figma to Code Workshop

Status: Coming Soon

Purpose: Extract design specifications from Figma and implement them in code

Tool: Figma Desktop MCP Server
Direction: Figma → Code


Overview

This workshop will guide AI agents through importing design specifications from Figma to generate or update code implementations.

When to Use Figma to Code

Import from Figma when:

  • Designer has updated visual specifications in Figma
  • New design system components need implementation
  • Design tokens (colors, spacing, typography) need extraction
  • Component states have been refined visually
  • Design-code sync is needed after visual iteration

Planned Workflow

  1. Connection Check - Verify Figma Desktop MCP server
  2. Select Figma Node - Identify what to import
  3. Extract Design Specs - Get colors, spacing, typography, layout
  4. Generate/Update Code - Create or update components
  5. Verify Implementation - Compare code output to Figma design

This workshop will be developed to complement the Code to Figma workflow.