Ir al contenido

Dale a tu idea un lenguaje visual.

Crea paquetes de diseño con recursos reutilizables, tokens de diseño y exportaciones estructuradas para la siguiente etapa de tu proyecto.

Del brief al resultado.

01

Define una dirección

Describe la audiencia, referencias visuales, formatos y restricciones.

02

Crea un conjunto coherente

Genera activos de diseño e información de estilo reutilizable en conjunto.

03

Revisa las exportaciones

Inspecciona los archivos y las comprobaciones de salida, y luego perfecciona las partes que necesiten un mejor ajuste.

Un paquete de diseño es un entregable creativo. Elige una compilación de sitio web o app cuando también necesites un producto funcional.

De una dirección visual a un sistema de diseño reutilizable.

Consulta la identidad, los componentes y los archivos que llevan el diseño a tu próximo proyecto.

Encuentra el lenguaje visual

Haz que la identidad pertenezca a tu idea.

Describe la audiencia, el carácter y los lugares donde el diseño debe funcionar. La IA desarrolla un paquete de diseño a partir de ese brief: una identidad de marca, sistema de interfaz, conjunto de ilustraciones u otra colección compatible. Revisen juntos la paleta, la tipografía y el razonamiento para que las piezas individuales se sientan relacionadas.

  • Dale a la IA referencias visuales y restricciones prácticas.
  • Revisa el logotipo, la tipografía y la paleta como una sola identidad.
  • Solicita cambios en la dirección antes de llevar los activos a producción.
Ejemplo de identidad de diario al aire libre con logotipo, símbolo de hoja, paleta de colores y muestras tipográficas

Construye el sistema

Haz que los detalles funcionen en conjunto.

Para los paquetes de diseño de interfaz, los tokens reutilizables conectan el color, la tipografía, el espaciado y los estilos de componentes. Una hoja de componentes renderizada muestra los controles en sus estados relevantes. La plataforma verifica la estructura de los tokens, el contraste y la coherencia de los componentes, mientras que la revisión de diseño considera qué tan bien el paquete responde al brief.

  • Inspecciona botones, campos y otros componentes reutilizables.
  • Revisa los estados de enfoque, deshabilitado y error junto con la apariencia predeterminada.
  • Usa los tokens compartidos para llevar el mismo estilo a la implementación.
Ejemplo de hoja de componentes con botones, estados de campos, pestañas y una tarjeta de artículo coordinados

Lleva el trabajo más allá

Mantén los activos respaldados por el diseño.

Abre una vista general del pack y sigue sus enlaces a los entregables. Según el brief, estos pueden incluir archivos maestros vectoriales, exportaciones rasterizadas, una hoja de componentes, tokens de diseño y un manual de marca. Cuando la exportación editable a Figma esté activada y conectada, usa el enlace de entrega generado si esa exportación se completa.

  • Revisa la lista de archivos y el uso previsto de cada entregable.
  • Incorpora activos y tokens reutilizables a tu flujo de trabajo de diseño o desarrollo.
  • Consulta el informe de exportación antes de considerar un archivo o integración como entregado.
Ejemplo de entrega de diseño con arte vectorial, tokens de diseño y diseños reutilizables coincidentes

El flujo de trabajo

Mantén el trabajo conectado.

  1. Describe el resultado

    Explica el público, el resultado deseado y las restricciones. Perfecciona la dirección antes de avanzar.

  2. Revisa el trabajo

    Revisa los archivos generados, la vista previa disponible y las comprobaciones relevantes para el resultado.

  3. Crea la siguiente versión

    Solicita cambios y luego exporta o usa el flujo de entrega compatible con ese proyecto.

Preguntas y respuestas

Un poco de claridad antes de empezar.

¿Qué puede contener un pack de diseño?+
Un pack puede incluir activos de marca, iconos, paletas, tipografía, ilustraciones, hojas de componentes y activos 3D compatibles. El brief determina qué entregables forman parte del pack.
¿Qué debo incluir en el brief de diseño?+
Describe la audiencia, el estilo, las referencias visuales, los formatos previstos y cualquier restricción de marca existente. Especifica dónde se usarán los activos para que el pack pueda adaptarse a ese contexto.
¿Puedo previsualizar el diseño antes de usarlo?+
El pack incluye una vista general, con una hoja de componentes cuando el entregable lo requiere. Revisa los activos visuales, los tokens reutilizables y los estados de componentes relevantes antes de adoptarlos.
¿Qué verifica la validación de diseño?+
Las verificaciones inspeccionan los archivos listados, los tokens de diseño, los pares de contraste relevantes, los estados de componentes y las exportaciones compatibles. Una revisión de diseño también evalúa si el pack es coherente y sigue el brief.
¿Puedo exportar los activos?+
Revisa y descarga los archivos generados para el pack. Los entregables compatibles incluyen exportaciones de imagen, PDF y 3D cuando se solicitan; los archivos exactos dependen de los activos elegidos y del flujo de trabajo disponible.
¿Un pack de diseño incluye un sitio web o una app funcional?+
Un pack de diseño proporciona activos creativos e información de diseño reutilizable. Elige Website Builder o App Builder cuando necesites un producto funcional, e incluye la dirección de diseño en el brief de esa construcción.

¿Qué vas a crear?

Crea una construcción o pon a trabajar un equipo especializado en tu próxima tarea.