Volver a la biblioteca de prompts
Biblioteca de promptsPrompt de imagen

Tablero de sistema de estilos de UI

Crea un tablero multipágina de sistema de estilos de UI con cuadrícula de 8px, tokens de color, escala tipográfica, estados de componentes y ejemplos de layout alineados.

Sistema de diseñoKit de UITipografía
Vista previa

Prompt de imagen

Modelo recomendado

Seedream 5.0 Lite

Formato de salida

Plantilla de prompt de imagen

Vista previa

Prompt de imagen

Vista previa de tablero de sistema de estilos de UI, mostrando tokens de color, escala tipográfica, estados de componentes y ejemplos de layout responsive.

Vista previa para Tablero de sistema de estilos de UI, centrada en consistencia de sistema, alineación a la cuadrícula, tokens editables y ejemplos de UI listos para producto.

Prompt completo

Tablero de sistema de estilos de UI

Tablero multipágina de sistema de estilos de UI con cuadrícula de 8px, tokens de color, escala tipográfica, componentes y layouts responsive.

Modelo recomendado: Seedream 5.0 LiteFormato de salida: Plantilla de prompt de imagen
Prompt completo
Prompt de imagen
Crea un tablero multipágina pulido de sistema de estilos de UI para [PRODUCT_OR_BRAND]. Presenta el sistema como un conjunto cohesivo de páginas de diseño en un único lienzo de vista previa limpio. Usa una cuadrícula estricta de espaciado de 8px, márgenes consistentes, alineación precisa y una jerarquía clara en cada página. Incluye un panel de tokens de color con muestras primarias, secundarias, neutras, semánticas y de fondo; una escala tipográfica con estilos de encabezado, cuerpo, leyenda y números; una hoja de componentes con botones, inputs, tarjetas, navegación, badges y estados vacíos; y dos ejemplos de layout responsive que muestren proporciones de escritorio y móvil. Mantén el sistema visualmente consistente, editable y adecuado para un producto SaaS, una herramienta para creadores, una marca ecommerce o un dashboard interno. Usa copy de marcador realista solo donde haga falta y mantén las etiquetas lo bastante cortas para seguir siendo legibles. Evita logotipos reales, sistemas de diseño copiados, nombres de marca no proporcionados por el usuario, tipografía deformada, espaciado inconsistente, sombras desparejadas, ruido decorativo, contraste inaccesible y ejemplos de componentes que rompan la cuadrícula.

Notas de uso

Antes de ejecutarlo, sustituye el tipo de producto, el tono de marca, la dirección de paleta, la lista de componentes, los ejemplos de layout y los requisitos de accesibilidad.

FAQ del prompt

Antes de usar este prompt

Comprobaciones rápidas de entradas, ajuste de modelo y cómo adaptar la plantilla sin debilitar el resultado.

¿Qué debería personalizar primero?

Define el tipo de producto, el tono de marca, la paleta base, la personalidad tipográfica, el alcance de componentes y si los ejemplos deben sentirse más orientados a marketing o a dashboard.

¿Puede este prompt crear un sistema de diseño utilizable?

Crea un tablero visual de sistema de estilos para exploración y presentación. Revisa espaciado, contraste, tipografía y comportamiento de componentes antes de convertirlo en tokens de UI de producción.

¿Qué debería comprobar antes de publicar la imagen?

Comprueba que las etiquetas sean legibles, que las muestras de color sean distintas, que la jerarquía tipográfica sea clara, que los componentes compartan la misma lógica de espaciado y que no se haya copiado ningún sistema de marca real.

Más prompts en este modo