Relume
Relume · Programación
Relume es una herramienta de diseño web con IA que convierte un texto breve en un sitemap, wireframes y una guía de estilo, y luego lo exporta a Webflow o Figma.
Acerca de Relume
About
Qué es Relume
Relume es una herramienta de diseño web con IA pensada para la fase previa al diseño visual de un sitio. Describes un proyecto en un texto y la herramienta genera un sitemap con las páginas que necesitas, wireframes para cada una, una guía de estilo a juego y textos de relleno. Después envías todo a Webflow o Figma como elementos editables. La idea es reemplazar ese trabajo de planificación lento que suele estar entre el brief del cliente y la construcción real.
La herramienta tiene dos mitades. El AI Site Builder se encarga de la generación y convierte un brief escrito en estructura y contenido. Relume Library es la otra mitad: un conjunto amplio de secciones ya creadas que sigue la convención de nombres de clases Client-First de Finsweet, lo que mantiene la estructura consistente entre diseñadores y proyectos.
Relume encaja en agencias, diseñadores freelance y equipos internos que trabajan con Webflow o Figma. No te diseña el sitio ni lo aloja. Construye el esqueleto y tú lo llevas hasta el final en la herramienta que ya usas. Si tu flujo de trabajo vive fuera de Webflow y Figma, el beneficio cae en picado.
Primeros pasos
- Regístrate en relume.io y abre un proyecto, ya sea desde un brief en blanco o desde uno de los conjuntos de componentes publicados.
- Escribe un texto que describa el sitio, su propósito y su público, y deja que la IA genere un sitemap de páginas.
- Ajusta el sitemap, arrastra secciones a cada página desde Relume Library y edita los textos de relleno.
- Genera o elige una guía de estilo para colores, tipografía y espaciado, y exporta todo a Webflow o Figma.
Información del producto
Un vistazo rápido a los precios, las plataformas compatibles y el rendimiento de Relume.
Ideal para
Los usuarios, tareas y casos de uso en los que esta herramienta encaja mejor.
Usuarios
- Agencias de Webflow
- Diseñadores freelance
- Equipos de marketing internos
Tareas
- Convertir un brief en un sitemap
- Crear wireframes rápido
- Redactar textos provisionales
Casos de uso
- Una agencia que arranca varios sitios de clientes en paralelo y necesita estructuras de secciones coherentes.
- Un diseñador que trabaja solo y quiere enseñar un wireframe al cliente antes de invertir días en el diseño completo.
- Un equipo que usa la nomenclatura Client-First y busca que cada nuevo proyecto parta del mismo conjunto de componentes.
Funciones clave
Generación de sitemap y wireframes con IA
Relume funciona como generador de sitemaps con IA y como herramienta de wireframes en una sola pasada. Escribes un texto que describe el sitio y devuelve un sitemap de páginas recomendadas junto con wireframes para cada una. La estructura llega con secciones reales en lugar de cajas vacías, así que juzgas el diseño desde el principio y no después de aplicar estilos.
Biblioteca de secciones ya creadas
La biblioteca reúne un catálogo amplio de componentes adaptables organizados por tipo de página, con héroes, tablas de precios, testimonios, pies de página y más. Cada sección usa la convención de nombres Client-First de Finsweet, así que la estructura se mantiene igual tanto si trabaja un diseñador como si trabajan diez.
Exportación a Webflow y Figma
Con el proyecto listo, lo envías a Webflow o Figma como elementos nativos y editables. Eso convierte a Relume en una herramienta práctica de wireframes para Webflow, y el plugin de Figma importa tus wireframes y guías como capas editables. En Webflow la exportación crea páginas, secciones y textos en una sola importación, así que el wireframe pasa a ser una maqueta funcional y no una imagen fija.
Generador de guía de estilo
Relume actúa como creador de guía de estilo y produce reglas de color, tipografía y espaciado acordes con las páginas generadas, de modo que cada sección parte de una base visual común. Tómala como base y no como un sistema de diseño terminado.
Textos de relleno escritos por IA
La herramienta rellena las secciones con texto generado para que el wireframe se lea como una página real. Ese texto está pensado para reemplazarse, y tomarlo como contenido definitivo sería un error.
Exportación a React
Relume puede sacar componentes como código React, lo que extiende el flujo más allá de las herramientas de diseño. Encaja en equipos que quieren que la estructura generada alimente directamente una construcción de front-end.
Ventajas y desventajas
Ventajas
- Recorta la fase de planificación previa al convertir un brief escrito en sitemap y wireframes en minutos.
- Relume Library ofrece un conjunto amplio y coherente de secciones con la nomenclatura Client-First.
- La exportación a Webflow crea páginas y secciones reales, así que el wireframe se vuelve un punto de partida funcional.
- Un plan gratuito te deja probar el flujo antes de pagar por generación ilimitada.
Desventajas
- Construye estructura, no estilo, así que el diseño y la publicación siguen en Webflow o Figma.
- El valor baja si tu stack no es Webflow, Figma o React, porque los destinos de exportación son limitados.
- Los textos y las guías de estilo generados son borradores, así que cada proyecto necesita revisión humana antes de salir.
Preguntas frecuentes
Relume genera un sitemap, wireframes, una guía de estilo y textos de relleno a partir de un texto, y luego los exporta a Webflow o Figma. Cubre la fase de planificación, no el diseño final ni el alojamiento.
Contenido relacionado
Explora herramientas, habilidades y artículos relacionados con Relume.
Alternativas a Relume
Udon
Udon · Programación · ProductividadUdon convierte un Mac con Apple Silicon en un servidor doméstico que se gestiona desde el navegador, con contenedores, archivos compartidos y un administrador de sistemas con IA opcional.
offstage
offstage cloud · Programación · Productividadoffstage da a los agentes de IA y a los trabajos de CI un Mac de verdad: una cuenta de macOS 27 sobre Apple silicon, manejada por API y cobrada por segundo.
BotBus
Chengdu Tuyang Tusen Technology Co., Ltd. · Programación · ProductividadBotBus te deja controlar desde el móvil y el reloj los agentes de programación con IA que corren en tu ordenador: apruebas comandos, lanzas tareas y lees resultados sin volver al escritorio.