Su sistema de diseño, aplicado en cada
página y código QR
Importe los tokens que su equipo de diseño ya mantiene y conviértalos en temas. Cuando cambia un tema, cambian todas las páginas y los códigos QR que lo usan.
Temas de estructura, de widgets, QR y plantillas de vista previa, creados a mano o desde un sistema de diseño importado. Lo que publica su equipo, su agencia o Claude sale con la misma apariencia.
El manual de marca vive en un PDF y cada pieza lo interpreta a su manera
Diseño mantiene los colores y las tipografías en Figma, pero las páginas de campaña las arma otra persona, a veces una agencia y ahora también una IA. Cada una copia los valores a mano. El resultado son tonos que no coinciden, códigos QR genéricos en blanco y negro y enlaces que se comparten por WhatsApp con una vista previa rota. Cuando llega un cambio de marca, alguien tiene que revisar pieza por pieza.
Del sistema de diseño a cada pieza publicada
Importación de sistemas de diseño
Suba tokens W3C (formato DTCG) exportados de Figma o Tokens Studio, una hoja de variables CSS o una exportación de Claude Design. Colores, tokens, fuentes, logos y fragmentos de código quedan como activos del Brand Vault, y un informe muestra qué pasó con cada elemento.
Reimportaciones que no borran
Al importar una versión nueva, los valores cambian en su lugar y cada página que los usa se actualiza. Lo que su equipo editó a mano se conserva, y lo que el sistema dejó de definir queda en el vault, marcado para revisión. Una importación nunca borra nada.
Guía de estilo publicada
Un asistente publica el sistema como una página o un sitio de guía de estilo, privado por defecto, con widgets enlazados a los activos. Si lo desea, crea cuatro temas: estructura, widgets, QR y vista previa. En el tema de widgets corrige los pares de colores que no alcanzan el contraste WCAG AA.
Temas de estructura y de widgets
El tema de estructura define logo, fondo, tipografías, encabezado, menú y navegación. El tema de widgets define tarjetas, íconos, bordes y estilos por tipo de widget. Cada tema muestra qué páginas y sitios lo usan antes de que usted lo cambie.
Temas QR
Colores, formas de puntos y esquinas, nivel de corrección de errores y logo al centro. Cambiar el tema actualiza el estilo de cada código que lo usa, y los que ya están impresos siguen funcionando.
Plantillas de vista previa
El título, la descripción y las imágenes de 1200 × 630 y 1080 × 1080 que aparecen cuando alguien comparte un enlace, una página o un sitio en redes sociales o en aplicaciones de chat.
Para qué lo usan los equipos de marketing
Un cambio de marca sin rehacer páginas
Importe la nueva versión del sistema y use "Volver a aplicar temas": los cuatro temas se ponen al día con los colores, las fuentes y el logo actuales. Lo que alguien ajustó a mano se reporta y no se toca, salvo que usted decida sobrescribirlo.
Repintar un tema con la paleta de marca
Elija cinco colores del Brand Vault (acento, fondos, superficies internas, texto y texto secundario) y el tema completo cambia en un paso. Los valores se copian al aplicarlos, así que editar un color del vault después no cambia páginas publicadas sin que nadie lo decida.
El mismo tema en otra marca del grupo
Exporte un tema como archivo e impórtelo en otro espacio de trabajo, o empiece desde un preajuste. Cada valor se valida al importar, y lo que no es válido se omite y se reporta.
Claude construye con sus temas
Cuando Claude arma una página, la construye con los temas y los activos de su espacio de trabajo. Un cambio en un tema se aplica de inmediato en todo lo que lo usa, también si lo hace Claude. Para control estricto, dé a quienes usan Claude un rol sin permiso para editar temas.
Preguntas frecuentes
linkable.id importa tokens W3C (formato DTCG) exportados de Figma, Tokens Studio u otra herramienta compatible, hojas de variables CSS y exportaciones de Claude Design. Los colores pasan a ser activos de color y los demás valores, tokens de diseño. Las fuentes que existen en Google Fonts se descargan a su Brand Vault. La importación está disponible en los planes que la incluyen.
En linkable.id, los valores que cambiaron se actualizan en su lugar y cada widget que los usa muestra el valor nuevo. Los activos que su equipo editó a mano se conservan y aparecen como conflictos, y lo que la nueva versión ya no define queda en el vault como huérfano. Una importación nunca borra nada.
Sí. En linkable.id, todas las páginas, sitios y códigos QR que usan un tema cambian de inmediato, y eso incluye los cambios que haga Claude. Antes de editar, cada tema muestra qué páginas y sitios lo usan. Si su institución quiere control estricto, limite el permiso de editar temas a pocos roles.
Cuando linkable.id crea el tema de widgets desde un sistema de diseño, revisa cada par de texto y fondo contra el nivel AA de WCAG. Si un par no lo alcanza, usa otro color del sistema o un tono más claro u oscuro del mismo, y le dice cuántos colores ajustó. El tema QR siempre sale con fondo claro y puntos oscuros para que se pueda escanear.
Sí. Un tema QR de linkable.id define colores, formas, nivel de corrección de errores y un logo al centro. Cambiar el tema actualiza el estilo de cada código que lo usa, y los códigos ya impresos siguen funcionando porque su destino se administra aparte.
¿Quiere ver su sistema de diseño convertido en temas?
Le mostramos en un espacio de trabajo de prueba cómo se importa un sistema de diseño, qué reporta la importación y cómo los temas se aplican a una página.