El diseño a código avanza más rápido cuando tu agente tiene el contexto adecuado en cada paso. Mostraré cómo el Model Context Protocol (MCP) te permite unir servidores para que el agente pueda extraer señales de diseño estructuradas de Figma – variables, componentes, notas de diseño y mapeos de Code Connect – y emparejarlas con las reglas de tu editor/proyecto para tomar decisiones de implementación fundamentadas. A partir de ahí, agregar algunos servidores más para documentación, verificaciones en tiempo de ejecución en un navegador real y control de versiones le da al agente entradas más ricas y verificables en lugar de conjeturas. El resultado: menos desvíos "rebeldes" porque las decisiones están ancladas a fuentes reales y menos cambios de contexto ya que los desarrolladores permanecen en el IDE mientras el agente recopila lo que necesita. Es un camino práctico desde la intención de diseño hasta los cambios listos para producción, impulsado por un contexto componible en lugar de integraciones únicas.
This talk has been presented at JSNation US 2025, check out the latest edition of this JavaScript Conference.






















