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)

Ver en justhustle.inPrueba este MCPPatrocinado

Documentación

Works with the AI tools you already use

Cursor Claude Copilot VS Code Windsurf Zed Cline

The gap

Ahora mismo, tu IA está codificando a ciegas

Puede escribir código excelente, pero no puede ver realmente 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: agotas el límite de tasa a mitad de sesión y tu IA se detiene.
  • close El MCP de Modo Dev de Figma requiere un asiento de Modo Dev de pago, y solo ve el archivo que esté abierto en la aplicación de escritorio en ese momento.
  • close ¿Aún no has configurado nada? Tu IA está adivinando paddings y colores a partir de una captura de pantalla, y eres tú quien lo arregla a mano.

visibility

Con DesignIntel

  • check Sincroniza una vez, y cada consulta proviene de tu propia caché local: sin límites de tasa, sin re-búsquedas, sin esperas a mitad de sesión.
  • check No necesitas mantener abierta una aplicación de escritorio, ni un asiento de Modo Dev: solo un token de acceso personal, que funciona igual si Figma está en ejecución o no.
  • check Nada se sube, nunca. Tus diseños permanecen en caché en tu máquina, no en la nuestra.

Cómo funciona

Tres pasos para una IA consciente del diseño

Configúralo una vez. Luego solo construye.

01

Instala y luego ejecútalo

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

Syncing a Figma file into DesignIntel's local cache A synced Figma file ready for AI tools 02

Apunta tu IA hacia él

Pega una línea en Cursor, Claude o Copilot. Esa 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 solicitudes. Lo que se publica finalmente coincide con el mockup.

DesignIntel serving designs to AI tools locally

Míralo en acción

Un prompt, datos de diseño reales de vuelta

Esto es lo que realmente sucede una vez que estás conectado: sin capturas de pantalla, sin adivinanzas, sin límites de tasa.

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

Usando el servidor MCP designintel, sincroniza figma.com/design/aBcDeFg123/Marketing-Site, luego construye la sección "Pricing" como un componente 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 (
    <section className="bg-[#0B0B0F] px-6 py-24">
      <div className="grid gap-8 md:grid-cols-3">
        <div className="rounded-2xl border border-white/10 p-8">
          <p className="text-sm font-semibold text-[#818CF8]">Starter</p>
          <p className="mt-4 text-4xl font-bold">$0</p>
        </div>
      </div>
    </section>
  );
}

lock

Sin intermediario en la nube. Sin almacenamiento de terceros. Sin asiento que tengas que comprar para todos en el equipo. DesignIntel se ejecuta completamente en tu máquina, que es exactamente por qué puede ser ilimitado.

computer Local primero all_inclusive Solicitudes ilimitadas payments Sin costo 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

Solicitudes ilimitadas

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

lock

Local primero 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.

search

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 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é

DesignIntel dashboard

1. Instálalo

$ npm install -g designintel

Requiere Node.js 20+. ¿Solo quieres probarlo sin instalar nada? npx designintel también funciona: lo mismo, 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 allí 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

{
  "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 de pegar enlace y gestión de cuentas si prefieres no tocar una terminal de nuevo después de esto.

Preguntas frecuentes

Preguntas, respondidas

¿Qué es DesignIntel? add

DesignIntel es un servidor MCP local que sincroniza tus archivos de Figma en tu propia máquina y los sirve a herramientas de codificación de 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 a partir de una captura de pantalla. Un comando para instalar, sin necesidad de cuenta.

¿Con qué herramientas de IA funciona? add

Cualquier herramienta de codificación de 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.

¿Es DesignIntel gratuito? add

Sí, es gratuito. Instálalo con npx y ejecútalo con tu propio token de Figma; no hay nada que registrar.

¿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 completamente en tu máquina.

¿Son privados mis datos de diseño? add

Completamente. DesignIntel se ejecuta completamente 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 y no limita cuántas solicitudes puede hacer tu IA: todo se sirve desde una copia local, por lo que permanece ilimitado e instantáneo para todo tu equipo.

¿Necesita DesignIntel 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 lanza automáticamente cada vez que inicies sesión, para que nunca tengas que recordar iniciarlo de nuevo.

Local primero, privado por diseño y gratuito: sin necesidad de cuenta.