Fuentes

Todas las fuentes de la guía, agrupadas por herramienta y comentadas. Son documentación oficial salvo que se indique lo contrario. Las herramientas cambian rápido: si una fuente está en beta o en preview, lo decimos.

En esta página

• Figma
• Claude y Anthropic
• Storybook
• Tokens de diseño
• Estándares y metodología
• DesignToken101
• En resumen

Figma

Servidor MCP

• Figma MCP server: servidor remoto y de escritorio, planes y clientes compatibles. Capítulos 0 y 6.
• Structure your Figma file for better code: las prácticas que mejoran lo que recibe el agente. La fuente más citada de la guía.
• Tools and prompts: todas las herramientas del servidor y el prompt create_design_system_rules. Capítulos 2 y 6.
• Code Connect integration: qué recibe el agente de un componente conectado y las instrucciones para el MCP. Capítulo 5.
• Remote server installation: instalación en Claude Code con el plugin o a mano. Capítulo 6.
• Write effective prompts y Avoid selecting large, heavy frames: cómo pedir y qué seleccionar. Capítulo 2.
• Figma's agent skills: las skills oficiales de Figma. Capítulo 6.

Librería y documentación

• About guidelines: las guidelines de librería para el agente de Figma, en beta abierta. Capítulos 2 y 4.
• What's new from Config India 2026: las novedades de octubre de 2026 para sistemas de diseño.
• Add descriptions to styles, components, and variables: descripciones y enlace de documentación. Capítulo 2.
• Add measurements and annotate designs: anotaciones y sus categorías. Capítulo 2.
• Link dev resources to layers in Dev Mode: dev resources y su herencia en las instancias. Capítulo 2.
• Explore component properties: los cinco tipos de propiedad. Capítulo 2.
• Hide styles, components, and variables when publishing: ocultar lo obsoleto y los primitivos. Capítulos 2 y 3.
• View and explore library analytics: inserciones y separaciones, en Organization y Enterprise. Capítulo 1.
• Lesson 4: Document and manage your system: el curso de Figma sobre documentar, versionar y trabajar con ramas. Capítulos 2, 4 y 7.
• Modes for variables: qué planes tienen modos. Capítulo 0.

Code Connect

• Code Connect: interfaz y línea de comandos, planes y asientos. Capítulo 5.
• Code Connect UI setup, Template files y Template API: cómo conectar y mapear. Capítulo 5.

Foro (no oficial)

• Figma MCP server not displaying annotations from nested component instances: informe de usuarios sobre anotaciones en instancias anidadas. Capítulo 2.

Claude y Anthropic

• Claude Code: How Claude remembers your project: CLAUDE.md, AGENTS.md, importaciones, reglas por ruta y auditoría de instrucciones. Capítulos 4 y 6.
• Claude Code: Extend Claude with skills: el formato de SKILL.md. Capítulo 6.
• Claude Code: Connect Claude Code to tools via MCP: ámbitos y .mcp.json. Capítulo 6.
• Claude Code: Overview: superficies y cuentas. Capítulo 0.
• Get started with Claude Design, Set up your design system in Claude Design y Claude Design admin guide: disponibilidad, creación y publicación del sistema. Los sistemas de diseño están en beta. Capítulo 6.
• How can I create and manage projects: conocimiento, instrucciones y uso compartido. Capítulo 6.
• Effective context engineering for AI agents (blog de ingeniería de Anthropic, septiembre de 2025): el contexto como recurso limitado, la altura correcta de las instrucciones y la divulgación progresiva. Capítulos 1, 4 y 6.
• Demystifying evals for AI agents (blog de ingeniería de Anthropic, enero de 2026): tareas, intentos, evaluadores y tipos de evaluación. Capítulo 7.

Storybook

• MCP server: instalación, herramientas, frameworks e instrucciones para el agente. En preview en la versión 10.6. Capítulo 5.
• Manifests: qué contiene el manifiesto de componentes. Capítulos 1 y 5.
• Best practices for using Storybook with AI: JSDoc, historias y qué excluir del manifiesto. Capítulos 1, 4 y 5.

Tokens de diseño

• Design Tokens Format Module 2025.10: $description, $deprecated y alias. Capítulo 3.
• Style Dictionary: DTCG: el estado de su soporte de DTCG 2025.10. Capítulo 3.

Estándares y metodología

• AGENTS.md: el formato abierto de instrucciones para agentes de código. Capítulos 4 y 6.
• llms.txt: propuesta de índice en Markdown para webs que leen los LLM. Capítulo 4.
• Atomic Design, capítulo 2 (Brad Frost): los cinco niveles. Capítulo 1.
• Semantic Versioning 2.0.0 y Keep a Changelog 1.1.0: versiones y changelog. Capítulo 7.
• WCAG 2.2: Contrast (Minimum), Non-text Contrast y Use of Color: los mínimos de la plantilla de color. Capítulo 4.

DesignToken101

DesignToken101 es la web hermana de esta guía: el recorrido de un token de Figma al código. Las páginas que citamos están en los capítulos 2, 3, 4 y 7.

En resumen

• La guía se apoya en la documentación oficial de Figma, Claude, Storybook y DTCG.
• Lo que está en beta o en preview va señalado, y el foro de Figma, marcado como no oficial.
• Para los tokens, DesignToken101 cubre el recorrido completo de Figma al código.

Fuentes

Esta página es la lista de fuentes de la guía.