¿Qué es UXMagic?

UXMagic es una herramienta de diseño de UI/UX con IA. Describes lo que quieres —o le entregas una captura de pantalla, un boceto a mano, la URL de un sitio web o un archivo de Figma existente— y produce pantallas de interfaz reales y editables: maquetación bien resuelta, un sistema coherente de color y tipografía, y marcado que puedes exportar a Figma o a código de producción.

Qué lo diferencia de un chatbot que escribe HTML#

Tres cosas:

1. Diseña en un lienzo, no en una ventana de chat. Las pantallas conviven una al lado de otra en un lienzo infinito, así que un flujo de compra son cinco pantallas que puedes ver juntas, no cinco respuestas separadas.
2. Mantiene un tema. Colores, tipografías, radios y espaciados se guardan como design tokens del proyecto. Pide «hazlo oscuro» y todas las pantallas se mueven a la vez, en lugar de que una se desmarque del resto.
3. Exporta a algún sitio útil. Figma con auto layout real, o HTML/React/Tailwind, o un sitio publicado en tu propio dominio; no una captura de pantalla.

Cómo es una sesión típica#

Creas un proyecto, escribes lo que quieres y la IA propone un conjunto de pantallas. Apruebas o editas ese plan, y las diseña una a una mientras miras. A partir de ahí iteras en el chat («haz el hero más alto», «usa nuestro azul de marca»), o entras en una pantalla y editas textos e imágenes directamente.

Cuando te gusta, exportas, o lo publicas como un sitio en producción.

Para quién es#

• Fundadores y product managers que necesitan una interfaz creíble que enseñar a usuarios, inversores o ingeniería antes de contratar a alguien de diseño.
• Diseñadores que quieren que se genere el primer 80 % de una pantalla para dedicar su tiempo al 20 % restante.
• Desarrolladores que quieren un front end real sin escribir a mano cinco landing pages.
• Agencias que producen conceptos para clientes a gran velocidad.

Qué no es#

No sustituye a una herramienta de diseño completa para trabajo de ilustración a nivel de píxel, y no es un IDE de código. Te lleva a un punto de partida estructurado y de alta fidelidad a una velocidad enorme, y después hace la entrega limpia a Figma, a tu repositorio o a la web.

Por dónde seguir#

• Crea tu primer proyecto: la versión de cinco minutos.
• Cómo funcionan los créditos: lo que cuesta cada acción, para que nada te sorprenda.
• Formas de generar una pantalla: los seis puntos de partida.