Prompt engineering para diseñadores: 30 prompts probados para Figma AI

Tener acceso a Figma AI no te hace mejor diseñador. Saber pedirle bien las cosas, sí. La diferencia entre un diseñador que tarda 30 minutos en producir tres direcciones de hero section y otro que tarda 3 horas no está en la herramienta: está en el prompt. Te traigo 30 prompts probados para Figma AI, organizados por tipo de tarea, listos para copiar, pegar y adaptar a tus proyectos.

Anatomía de un buen prompt para Figma AI

Un prompt efectivo en Figma AI tiene cinco componentes: contexto (qué tipo de proyecto y para qué cliente), objetivo (qué quieres conseguir), estilo (referencias visuales o paleta), restricciones (qué NO quieres) y formato de salida (componentes, frames, variantes). Cuanto más específico, mejor.

Mantra: pide poco a la vez. Diez prompts pequeños bien afinados producen mejor resultado que un prompt enorme. Itera siempre.

10 prompts para layouts y wireframes

1. «Genera un wireframe de baja fidelidad para una landing de SaaS B2B en sector legaltech. 7 secciones: hero, beneficios, demo, casos, precios, FAQ, CTA. Estilo: minimalista, sin imágenes, solo bloques.»

2. «Crea variantes de hero section para una agencia de branding sostenible. Tono cálido, paleta natural (terracota, beige, verde musgo), tipografía editorial grande. 3 versiones distintas.»

3. «Genera un layout bento grid de 6 celdas para mostrar 6 servicios de una consultoría tecnológica. Cada celda: icono, título corto, descripción de 12-18 palabras.»

4. «Diseña una sección de testimoniales con scroll horizontal, 5 cards mínimas. Cada card: foto circular, nombre, cargo, frase de hasta 25 palabras.»

5. «Crea un footer corporativo con 4 columnas (Empresa, Servicios, Recursos, Contacto), redes sociales, copyright y link a declaración de accesibilidad.»

6. «Genera una página 404 amigable y útil con ilustración minimalista, mensaje cálido, CTA a home y caja de búsqueda.»

7. «Diseña un wireframe responsive para móvil 375 px de la landing anterior. Optimiza jerarquía y CTA visibles sin scroll.»

8. «Crea una sección de precios con 3 planes (Básico, Pro, Enterprise). Plan central destacado. Lista de 5-7 features cada uno.»

9. «Genera un layout de blog con sidebar derecha (categorías, post recientes, suscripción). Card de post con thumbnail, categoría, título, fecha y autor.»

10. «Crea una página de caso de estudio para portfolio: hero con título grande, descripción del cliente, problema, solución, proceso (3 pasos visuales), resultado con números, navegación a siguiente caso.»

10 prompts para componentes y variantes

11. «Genera un componente Button con variantes: primary, secondary, ghost; tamaños small, medium, large; estados default, hover, focus, disabled. Usa nuestros design tokens de color.»

12. «Crea un componente Card de producto e-commerce con: imagen, badge opcional (nuevo, oferta), título, precio (con variante de descuento), rating, botón de añadir al carrito.»

13. «Diseña un componente Input con label, placeholder, helper text, error state, success state, icono opcional a la izquierda.»

14. «Genera un componente Avatar con variantes: tamaños xs/sm/md/lg/xl, formas círculo y cuadrado, fallback con iniciales, estado online/offline/dnd.»

15. «Crea un componente Modal con header (título + cerrar), contenido, footer con dos botones. Variantes: sm, md, lg, full-screen.»

16. «Diseña un componente Navigation Tab con variantes horizontal y vertical, estado activo claro, badge opcional.»

17. «Genera un componente Toast/Notification con tipos: success, info, warning, error. Icono, mensaje y opcionalmente acción y cerrar.»

18. «Crea un componente Breadcrumb con separador chevron, último elemento sin link, truncado para móvil.»

19. «Diseña un componente Pagination con previous/next, números de página, ellipsis cuando hay muchas páginas.»

20. «Genera un componente Accordion con expand/collapse animado, icono que rota, soporte para single y multiple expansion.»

5 prompts para microcopy y nombres

21. «Genera 10 opciones de CTA para un botón principal en una landing de software de gestión para autónomos. Tono cercano pero profesional, máximo 4 palabras.»

22. «Reescribe estos 5 mensajes de error de formulario en lenguaje claro y empático, evitando ‘Error’, ‘Inválido’ o jerga técnica.»

23. «Sugiere 8 alternativas de nombre para una sección que actualmente se llama ‘Sobre nosotros’ en una agencia digital cálida y humana.»

24. «Genera 5 variaciones del texto de un empty state cuando un usuario aún no tiene proyectos creados. Tono motivador, máximo 2 frases.»

25. «Sugiere 10 alt texts descriptivos para una serie de fotos de equipo en una página corporativa. Cada uno entre 6 y 12 palabras.»

5 prompts para sistemas de diseño completos

26. «Genera la estructura completa de un design system para una clínica dental moderna: paleta primaria/secundaria/neutros, escala tipográfica (4 tipos, 6 tamaños), espaciado (8 tokens), sombras (4 niveles), border-radius (5 valores).»

27. «Crea una librería de iconos coherente para la clínica anterior, 24 iconos cubriendo navegación principal, servicios y acciones. Estilo: outline, 24×24, stroke 1.5.»

28. «Define la escala tipográfica completa con line-height y letter-spacing para una marca premium de moda sostenible. Mezcla serif para titulares y sans para cuerpo.»

29. «Genera una página de documentación visual del design system anterior con secciones: principios, color, tipografía, espaciado, componentes, accesibilidad.»

30. «Crea variantes dark mode coherentes para todos los componentes anteriores, manteniendo accesibilidad WCAG AA en todos los pares de color.»

Errores comunes y cómo evitarlos

Tres errores que veo constantemente: prompts demasiado generales («haz una landing bonita»), no dar contexto del cliente (Figma AI lo necesita para el tono), y aceptar el primer resultado (la magia está en iterar 3-5 veces). Si tu prompt no incluye sector, paleta y restricciones, vas a obtener resultados genéricos.

Preguntas frecuentes

¿Necesito ser experto en prompts para usar Figma AI?

No. Necesitas ser específico, lo cual es una habilidad de diseño en sí misma. Estos 30 prompts te dan el patrón; con un mes de uso constante ya construyes los tuyos.

¿Funcionan estos prompts también en Galileo AI o Uizard?

La estructura sí (contexto + objetivo + estilo + restricciones). Cada herramienta tiene matices: Galileo es más text-to-UI puro, Uizard parte de bocetos. Adapta el formato pero mantén el método.

¿Cómo guardo y reutilizo mis mejores prompts?

Crea un Notion o un archivo Figma con tu librería de prompts probados, organizados por tipo de tarea. Etiquetas y un sistema de «rating» (cuál funcionó mejor) marcan la diferencia entre prompts dispersos y un activo profesional.

¿Hay que usar inglés o vale en español?

Figma AI funciona en ambos. En español es perfectamente válido y mantiene la coherencia con el cliente. Si trabajas internacional, usa inglés por compatibilidad.

¿Cuántas iteraciones suele necesitar un prompt para resultado bueno?

Entre 3 y 5 iteraciones para llegar a un resultado profesional aceptable. Si necesitas más de 7, replantea el prompt entero: probablemente falte contexto.

Conclusión: el prompt es la nueva habilidad de diseño

Saber pedirle bien las cosas a Figma AI es, en 2026, tan importante como saber usar Auto Layout. Los 30 prompts de esta guía cubren el 80 % de las situaciones que vas a encontrarte: cópialos, adáptalos a tu cliente, itera y guarda los que mejor te funcionen.

El que mejor entienda esta nueva habilidad va a entregar el doble que el resto en el mismo tiempo. Y eso, en freelance, se traduce directamente en facturación.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio