Saltar al contenido principal
Variant

Variant: escribe una idea y desplázate por infinitas direcciones de diseño

diseño con IAgeneración de interfacesinspiración de diseñoprototipado

Escribe la idea de una app o de un sitio y desplázate por direcciones de diseño sin fin. Sin lienzo y sin bucle de prompts, paras cuando un diseño te engancha. Exporta a HTML o a React.

★ 9 Última actualización: 2026-11-08 variant.com
Visitar sitio web

Introducción detallada

Variant ataca el arranque del diseño

Casi todas las herramientas de diseño con IA te piden que te expliques: qué estilo, qué paleta, para quién es. Justo lo que no puedes articular cuando la idea tiene cinco minutos de vida. Variant cambia el lienzo en blanco por un feed que se desplaza: escribes «una app de viajes» o «un sitio de podcast» y sigues bajando, y cada parada es otra lectura, otro lenguaje visual.

Está detrás Ben South, antes vicepresidente en Postmates y fundador de Sonar y Bold. Su tesis: lo difícil es la dirección, no el refinamiento. La gente no se atasca al retocar un diseño, se atasca al decidir hacia dónde llevarlo.

Cómo funciona

No hay nada que aprender. Una caja de texto en una esquina: escribes y la generación no se detiene en la primera respuesta. Sigues con el scroll hasta que algo te engancha. El mismo prompt puede acabar en mundos muy distintos: una app de adivinanzas salió primero en rojo anaranjado rotundo, con mascota cíclope y tipografía negra gruesa; después en verde cazador profundo con clasificación y serif a la italiana; y otra vez en blanco limpio con serif de titular a escala casi editorial. La misma estructura, tres mundos diferentes.

Explorar a velocidad de scroll gana a escribir prompts, con la contrapartida de que te toca a ti juzgar un feed entero de opciones.

Style Dropper y el resto

  • Style Dropper: un cuentagotas de diseño. Lo apuntas a cualquier diseño generado y absorbe su ADN visual: paleta, ritmo tipográfico, densidad espacial. Lo apuntas a otro sitio y el estilo se transfiere, con la maquetación reorganizándose para encajar. South lo describe como «absurdo, y funciona sin más».
  • Shuffle Layout / Remix Colors / Vary Strong·Subtle: para volver a tirar partes de un resultado que ya existe en vez de empezar de cero. Cambias la disposición, la paleta o lanzas variantes con distinto grado de intensidad.
  • Exportación: cada diseño se exporta a HTML o, si lo pides, a React, así que la exploración visual pasa directa a un prototipo funcional.
  • Galería de la comunidad: sirve para ver hasta dónde llega. Flyers de techno en monocromo con trama de puntos, portafolios brutalistas, terminales de ciencia ficción en verde sobre negro.

Precio y lo que falla

Según reseñas de terceros, Variant es freemium: un plan gratuito en torno a los 300 diseños al mes, Pro por unos 20 dólares al mes y precio a medida para equipos. Tómalo como orientativo, porque el sitio solo enseña los precios completos cuando ya estás dentro de un espacio de trabajo.

La debilidad es la edición. Variant es bueno produciendo muchas direcciones y flojo en correcciones precisas: los elementos que se solapan y los espaciados que quedan mal se resuelven volviendo a tirar del diseño, no señalando el problema. Para llegar a una pantalla terminada sigues necesitando Figma o editar el código exportado.

Para quién es

Para la fase más temprana de un proyecto, cuando nadie sabe todavía qué estilo quiere y necesitas comparar una docena de posibilidades de un vistazo. También para demos y para alinear al equipo por dentro: mandar un enlace funciona mejor que describir «algo con más nivel». No es la herramienta para ajustar píxeles contra un sistema de diseño que ya existe.

Footer Design: galería de referencias de pies de página de alta calidad

Biblioteca de inspiración para pies de página clasificada por tipo y estilo, desde los tipográficos o ilustrados hasta los de rejilla, tarjetas o con animación, con selección editorial y enlace al sitio original.

diseño webdiseño de pie de páginainspiración de diseño

Navbar Gallery: una biblioteca enorme de inspiración para barras de navegación

Galería de inspiración dedicada en exclusiva al diseño de barras de navegación, con filtros por tipo (estáticas, desplegables, Mega Menu, laterales, con buscador y más) y enlace directo al sitio original para ver la implementación real.

diseño webbarra de navegacióninspiración de diseño

shadcn/ui: Construye Tu Biblioteca de Componentes

Componentes de diseño atractivo que puedes copiar y pegar en tus aplicaciones. Accesibles. Personalizables. De código abierto.

develop

Scrolltide: plantillas web cinematográficas con scroll y biblioteca de prompts de diseño

Una biblioteca de prompts con plantillas web, componentes y shaders basados en el scroll. Copias un prompt, lo pegas en tu IA y sale un sitio que de verdad se mueve, no una página que se nota hecha por una IA.

diseño webpromptsanimación al hacer scroll

Stockimg AI | Generador de Fotos con IA: Logo, Arte, Imagen de Stock, Ilustración

Stockimg es una herramienta todo en uno para diseño y creación de contenido impulsada por IA. Puedes generar fácilmente logos, ilustraciones, fondos de pantalla, posters y más.

ai

Adobe Firefly - Una Nueva Opción para Herramientas de Diseño Creativo con IA

Adobe Firefly es una plataforma de diseño creativo basada en IA que ofrece funciones de procesamiento de imágenes con IA como la generación de imágenes a partir de texto y la transformación de estilos de imagen, ayudando a los diseñadores a completar eficientemente la creación de contenido visual. ¡Experiméntalo ahora para liberar tu potencial creativo!

AI design toolscreative content production