Back to Plugins
BI Bridge - Design to Data

BI Bridge - Design to Data

Automate design-to-data handoff for any BI tool (Power BI, Tableau, Qlik, Looker, Superset and etc).

Plugin Preview

BI Bridge - Design to Data preview

About this plugin

🇺🇸 English VersionTitle: BI Bridge - Design to Data (v2.2) Tagline: Connect Figma UI to Power BI, Tableau and Google Stitch with AI.Description:BI Bridge: The Ultimate AI-Powered Design-to-Data EngineStop the "broken telephone" between Design, Product, and Data teams. BI Bridge is the definitive tool for automating dashboard documentation and recreation in Figma, delivering a seamless technical handoff for any BI environment (Power BI, Tableau, Looker, Apache Superset, and more).🚀 What's New in v2.2 (The AI Multimodal Update):Multimodal AI Canvas Generator (Industry First): Don't just start from scratch—rebuild. Upload images of existing dashboards or actual source files (Power BI .pbix, Tableau .twbx, or JSON) and watch the AI recreate the entire structure in Figma. It automatically generates Auto Layout frames, filter sidebars, metric cards with trends, and chart placeholders with pixel-perfect precision (1366x768).Rich BI Component Library: The AI now understands BI hierarchy. It generates specific components like KPI Cards with status indicators (Up/Down), categorized filter panels, and responsive chart rows with smart spacing.Global AI Settings Modal: A centralized hub to configure your favorite LLM providers (Google Gemini, OpenAI, Claude, Groq, Mistral, DeepSeek). Toggle AI features on/off globally to suit your workflow.Precision Rendering Engine: We’ve overhauled the backend to use absolute pixel positioning, ensuring that AI-generated layouts are perfectly aligned and ready for production-grade handoff.⚙️ How it speeds up your workflow:📐 Smart Canvas Generator: Instant base frames with native grids for 7+ BI tools, now enhanced with AI-driven structural replication.🎨 Visual Token Extraction: Automatically compile colors, typography, and effects into native theme files (.json, .tps, .css).📂 Smart Data Specs (CSV): Match your Data Dictionary with Figma layers. Map complex DAX/SQL logic directly to visuals.🤖 AI-Driven & MCP Ready: Export a Semantic JSON Schema of your layout. Feed it to AI Agents (Claude, Cursor, ChatGPT) to instantly generate production code.📦 Pro Handoff Package: A comprehensive ZIP with a dynamic technical README, dual schema (JSON/YAML), 2x reference images, and Native BI Themes.🇧🇷 Versão em PortuguêsTítulo: BI Bridge - Design to Data (v2.2) Tagline: Conecte Figma ao Power BI, Tableau e Google Stitch com IA.Descrição: BI Bridge: O Handoff Definitivo entre Design e Dados impulsionado por IAAcabe com o "telefone sem fio" entre as áreas de Design, Produto e Dados. O BI Bridge é a ferramenta definitiva para automatizar a documentação e a recriação de dashboards no Figma, entregando um pacote técnico impecável para qualquer ferramenta de BI (Power BI, Tableau, Looker, Apache Superset e mais).🚀 O que há de novo na v2.2 (The AI Multimodal Update):Gerador de Canvas com IA Multimodal: Não apenas crie, recrie. Faça upload de imagens de dashboards ou arquivos originais (Power BI .pbix, Tableau .twbx ou JSON) e veja a IA reconstruir toda a estrutura no Figma. O plugin gera automaticamente frames com Auto Layout, sidebars de filtros, cards de métricas e placeholders de gráficos com precisão absoluta (1366x768).Biblioteca de Componentes Ricos de BI: A IA agora entende a hierarquia de BI. Ela gera componentes específicos como Cards de KPI com indicadores de tendência (Alta/Baixa), painéis de filtros categorizados e linhas de gráficos responsivas.Modal de Configurações Globais de IA: Um painel centralizado para configurar seus provedores favoritos (Google Gemini, OpenAI, Claude, Groq, Mistral, DeepSeek). Ative ou desative recursos de IA conforme sua necessidade.Motor de Renderização de Precisão: Reformulamos o backend para utilizar posicionamento absoluto em pixels, garantindo que os layouts gerados por IA sejam perfeitamente alinhados e prontos para entrega técnica.⚙️ Como o plugin acelera a sua esteira:📐 Gerador de Canvas Inteligente: Frames base instantâneos com grids exatos para +7 ferramentas de BI, agora com replicação estrutural via IA.🎨 Extração de Tokens Visuais: Compile seu design em arquivos de tema nativos (.json, .tps, .css). O desenvolvedor de BI nunca mais precisará "chutar" um hexadecimal.📂 Data Specs Inteligentes (CSV): Cruze seu Dicionário de Dados com camadas do Figma e vincule lógicas complexas (DAX/SQL) diretamente aos visuais.🤖 AI-Driven & MCP Ready: Exporte um Schema JSON Semântico do seu layout. Alimente agentes de IA (Claude, Cursor, ChatGPT) para gerar códigos e métricas instantaneamente.📦 Pacote de Handoff Profissional: ZIP completo com README técnico dinâmico, esquema duplo (JSON/YAML), guia visual em alta resolução e Temas nativos.

Plugin Details

Version10
CreatedFebruary 23, 2026
Last UpdatedMarch 24, 2026
CategoryFile organization plugins
CreatorAugusto Alves Brasil
Stats13 installs, 12 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    The AI Briefing Generator feature requires access to multiple external AI APIs (OpenAI, Anthropic, Google Gemini) chosen dynamically by the user. Since the endpoint depends on the provider selected at runtime, wildcard access is necessary.

  • Editor Types:
    figma
  • Allowed Domains:
    • *