DesignIntel

Un servidor MCP local y gratuito que sincroniza tus archivos de Figma a tu máquina para que las herramientas de codificación con IA lean el diseño real en lugar de adivinar a partir de una captura de pantalla. Enlace (GitHub o documentación)

Documentación

El problema

Ahora mismo, tu IA está programando a ciegas

Puede escribir código excelente, pero no puede ver tu diseño. Así que sigues pagando por ello en tiempo, dinero y retrabajo.

visibility_off

Figma MCP hoy

  • close Un servidor Figma MCP genérico golpea la API de Figma en cada prompt — agota el límite de peticiones a mitad de sesión y tu IA se queda bloqueada.
  • close El MCP de Modo Dev de Figma requiere un asiento de pago del Modo Dev, y solo ve el archivo que esté abierto en la app de escritorio en ese momento.
  • close ¿Aún no has configurado nada? Tu IA adivina los paddings y colores a partir de una captura de pantalla, y eres tú quien lo corrige a mano.

visibility

Con DesignIntel

  • check Sincroniza una vez y cada consulta se sirve desde tu propia caché local — sin límites de peticiones, sin volver a descargar, sin esperas a mitad de sesión.
  • check Sin app de escritorio que mantener abierta, sin asiento de Modo Dev — solo un token de acceso personal, que funciona igual esté Figma abierto o no.
  • check No se sube nada nunca. Tus diseños quedan en caché en tu máquina, no en la nuestra.

Cómo funciona

Tres pasos hacia una IA que conoce tu diseño

Configúralo una vez. Luego solo construye.

01

Instala y ejecútalo

Un comando para instalar y luego designintel para ejecutarlo — sin cuenta, sin registro, sin instalación de escritorio. Pega un enlace a un archivo de Figma y se copia a tu máquina: páginas, componentes, estilos y variables, indexados para búsqueda instantánea.

02

Apunta tu IA hacia él

Pega una línea en Cursor, Claude o Copilot. Eso es toda la configuración — sin cuentas que aprovisionar, sin asientos que comprar para el equipo.

03

Construye sin límites

Tu IA lee el diseño real tantas veces como necesite — instantáneo, privado y sin límites de peticiones. Lo que se publica finalmente coincide con el mockup.

Velo en acción

Un prompt, datos de diseño reales de vuelta

Esto es lo que realmente ocurre una vez que estás conectado — sin capturas de pantalla, sin adivinanzas, sin límites de peticiones.

Tú, en el chat de Cursor / Claude / Copilot

content_copy Copiar

Usando el servidor MCP designintel, sincroniza figma.com/design/aBcDeFg123/Marketing-Site y luego crea la sección "Pricing" como componente de React + Tailwind. Extrae los colores, espaciados y tipografía exactos del archivo sincronizado — no adivines ni aproximes.

→ sync_file("aBcDeFg123") ✓ ya en caché

→ search("Pricing section") ✓ encontrado frame 42:108

→ get_node("42:108") ✓ 14 nodos, estilos resueltos

Lo que devuelve — valores reales, no suposiciones

export function Pricing() { return (

Starter

$0

); }

lock

Tus diseños nunca salen de tu portátil

Sin intermediario en la nube. Sin almacenamiento de terceros. Sin asiento que comprar para cada miembro del equipo. DesignIntel se ejecuta por completo en tu máquina — que es exactamente por qué puede ser ilimitado.

computer Local-first all_inclusive Peticiones ilimitadas payments Sin coste por asiento

Bajo el capó

Todo lo que una IA necesita para leer un diseño

Una caché local de calidad de producción con búsqueda de texto completo — para los desarrolladores que quieren los detalles.

all_inclusive

Peticiones ilimitadas

Todo se sirve desde una caché local, así que tu IA puede consultar diseños tantas veces como quiera — sin límites de peticiones, sin estrangulamiento.

lock

Local-first y privado

Tus datos de diseño viven en tu propio disco. Nunca tocan un servidor de terceros.

group

Múltiples cuentas de Figma

Añade cada cuenta de Figma que uses — trabajo de clientes, la tuya, la de un equipo — directamente desde el panel. Sigue sin nube, sigue siendo solo local.

Búsqueda de texto completo

Busca en cada nodo, componente y estilo en caché al instante — sin ida y vuelta a la API.

data_object

Eficiente en tokens

Respuestas compactas y simplificadas, diseñadas para minimizar los tokens que consume cada llamada de herramienta de la IA.

extension

Estilos y variables

Extrae estilos compartidos y variables de diseño para que tu IA escriba código que coincida con tu sistema.

El panel

Una sala de control limpia para tu caché

Instalación

Dos comandos. Sin registro.

Sin instalación de escritorio, sin cuenta. Instálalo una vez y luego ejecútalo — la caché local, el panel y el servidor MCP se inician todos en tu máquina.

1. Instálalo

$ npm install -g designintel

Requiere Node.js 20+. ¿Solo quieres probarlo sin instalar nada? Con npx designintel también funciona — lo mismo, pero de una sola vez. Funciona en macOS, Windows y Linux.

2. Ejecútalo

$ designintel

Aún no necesitas token — abre el panel, añade un token de acceso personal de Figma ahí mismo, y listo. Añade más de uno si trabajas con varios equipos o clientes.

3. Añade el endpoint a la configuración de tu herramienta de IA

Cursor VS Code Antigravity Claude Code

{ "mcpServers": { "designintel": { "url": "http://localhost:8787/mcp" } } }

El panel en http://localhost:8787 muestra esta misma configuración, además de un flujo de sincronización pegando un enlace y gestión de cuentas, por si prefieres no volver a tocar una terminal después de esto.

Preguntas frecuentes

Preguntas, respondidas

¿Qué es DesignIntel?add

DesignIntel es un servidor MCP local que sincroniza tus archivos de Figma a tu propia máquina y los sirve a herramientas de codificación con IA como Cursor, Claude y Copilot — para que tu IA construya a partir de tu diseño real (componentes, espaciados, colores y variables) en lugar de adivinar desde una captura de pantalla. Un comando para instalar, sin necesidad de cuenta.

¿Con qué herramientas de IA funciona?add

Con cualquier herramienta de codificación con IA que hable MCP — incluyendo Cursor, Claude, GitHub Copilot, VS Code, Windsurf, Zed y Cline. Añades una línea a la configuración de tu herramienta y listo.

¿DesignIntel es gratis?add

Sí — es gratis. Instálalo con npx y ejecútalo con tu propio token de Figma; no hay nada a lo que registrarse.

¿Necesito crear una cuenta?add

No. No hay inicio de sesión ni cuenta. DesignIntel lee un token de acceso personal de Figma desde una variable de entorno y se ejecuta por completo en tu máquina.

¿Mis datos de diseño son privados?add

Completamente. DesignIntel se ejecuta por completo en tu máquina. Tus archivos de Figma se almacenan en tu propio disco y nunca se suben a un servidor de terceros.

¿Necesito un asiento de pago para cada desarrollador?add

No. DesignIntel no cobra por asiento ni limita cuántas peticiones puede hacer tu IA — todo se sirve desde una copia local, así que sigue siendo ilimitado e instantáneo para todo tu equipo.

¿DesignIntel tiene que seguir ejecutándose?add

Sí — el panel y el endpoint MCP solo responden mientras está en ejecución, así que instálalo y ejecútalo una vez antes de abrir el panel. Activa el inicio automático desde la página de Configuración del panel (o ejecuta designintel enable-autostart) y se lanzará automáticamente cada vez que inicies sesión, para que nunca tengas que acordarte de iniciarlo de nuevo.

Dale ojos a tu IA para tus diseños

Local-first, privado por diseño y gratis — sin necesidad de cuenta.

Comienza — npx designintel Lee las preguntas frecuentes arrow_forward