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.
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.
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.
El flujo de trabajo
Mantén el trabajo conectado.
Describe el resultado
Explica el público, el resultado deseado y las restricciones. Perfecciona la dirección antes de avanzar.
Revisa el trabajo
Revisa los archivos generados, la vista previa disponible y las comprobaciones relevantes para el resultado.
Crea la siguiente versión
Solicita cambios y luego exporta o usa el flujo de entrega compatible con ese proyecto.
Construye apps web, móviles y de escritorio en torno a la tarea que deben resolver. Previsualiza la experiencia, perfecciónala y prepara el paquete adecuado.
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.