Visily
Herramienta de diseño de interfaces con ayuda de IA para crear wireframes, maquetas y prototipos a partir de prompts, capturas de pantalla o plantillas.
Visily es una herramienta de diseño de interfaces con IA pensada para personas sin formación en diseño. Visily genera wireframes y pantallas editables a partir de un prompt de texto, una captura de pantalla, un diagrama o una plantilla, y después permite que un equipo los refine con componentes de arrastrar y soltar, ediciones por chat con IA, comentarios y creación automática de prototipos, antes de compartirlos o exportarlos a Figma.
Ideal para Responsables de producto, fundadores y otras personas que no son diseñadoras y necesitan mostrar la idea de un producto como una maqueta realista o un prototipo interactivo.
- Categorías
- Diseño UI y UXPresentaciones y diagramas
- Plataformas
- Web, Plugin, MCP
- Modelo de precios
- Freemium
- Plan gratuito
- Sí
- Desarrollada por
- Visily
- Añadida
Última verificación: . Información obtenida de visily.ai.
¿Qué es Visily?
Visily es una herramienta de diseño en el navegador para wireframes, maquetas, prototipos y diagramas. Está pensada para quien no es diseñador: un concepto puede partir de un prompt escrito, una captura de una app existente, un diagrama de flujo, una de las plantillas prediseñadas o una combinación de ellos, y el resultado es un conjunto de objetos totalmente editables en un lienzo libre. Las funciones de IA generan pantallas, componentes, temas, imágenes y diagramas, enlazan las pantallas en un prototipo de forma automática y aplican los cambios que se piden por chat. Los Smart Components y los ajustes preestablecidos de UI agilizan la edición manual, y se admiten diseños tanto para apps móviles como para sitios web. Para el trabajo en equipo hay comentarios, chat de cursor, modo seguidor y bibliotecas compartidas, con integraciones para Slack, Jira y Notion. Los diseños se pueden exportar como imágenes o PDF, enviar a Figma o traer desde Figma y, en los planes de pago, exportar a código. Hay un plan Starter gratuito, y el uso de la IA y de las plantillas se mide en créditos mensuales.
Funciones principales
Generación de pantallas con IA
Crea wireframes y pantallas de interfaz a partir de una descripción de texto, con un modo de diseño más profundo en los planes de pago.
Conversión de capturas y diagramas
Convierte una captura de pantalla o un diagrama de flujo subidos en elementos de interfaz editables.
Edición por chat con IA
Cambia el contenido, la maquetación y el aspecto en el lienzo según las instrucciones que escribes.
Prototipo automático
Conecta las pantallas en un prototipo interactivo, sin enlazarlas a mano.
Colaboración en tiempo real
Permite diseñar en conjunto, comentar, usar el chat de cursor y el modo seguidor, además de bibliotecas compartidas del espacio de trabajo.
Exportación a Figma y a código
Exporta a Figma e importa desde Figma, genera código y ofrece un servidor MCP en los planes Pro y Business.
Casos de uso
- Presentar la idea de un producto
- Muestra a las partes interesadas una maqueta realista en lugar de describir un concepto con palabras.
- Hacer el wireframe de una app o un sitio web
- Diseña pantallas móviles o web a partir de un prompt o una plantilla.
- Rediseñar a partir de una captura
- Importa una captura de una interfaz existente y modifícala.
- Mapear flujos de usuario
- Dibuja diagramas de flujo junto a las pantallas que describen.
- Pasar el trabajo a diseñadores
- Exporta el concepto acordado a Figma para que el equipo de diseño lo termine.
Lo que debes saber
- Las exportaciones de Starter llevan marca de agua
- En el plan gratuito, las exportaciones de imagen y PDF tienen resolución 1x y llevan marca de agua; los planes de pago la eliminan.
- Límite de tableros en Starter
- El plan gratuito permite dos tableros editables por espacio de trabajo; los demás son de solo lectura.
- Los créditos se miden por mes
- Las funciones de IA y las plantillas consumen asignaciones mensuales de créditos distintas, que varían según el plan.
- Editar requiere una cuenta
- Cualquiera puede ver los tableros públicos, pero comentar y editar es posible solo para quienes han iniciado sesión.
Preguntas frecuentes
¿Qué es Visily?
Visily es una herramienta de diseño de interfaces con IA que permite a cualquiera crear wireframes, maquetas, prototipos y diagramas, sin importar su experiencia en diseño.
¿Hace falta experiencia en diseño para usar Visily?
No. Visily está pensada para quien no es diseñador: la generación con IA y un editor de arrastrar y soltar sustituyen las habilidades profesionales de diseño.
¿Visily es gratis?
Incluye 300 créditos de IA al mes y limita el número de tableros y elementos editables.
¿Cuánto cuesta Visily?
El plan Starter es gratuito, y los planes a medida se acuerdan con el equipo de Visily.
¿Cómo usa Visily la IA?
Visily usa la IA para generar pantallas, componentes, temas y diagramas a partir de prompts, capturas de pantalla o selecciones del lienzo, y para editar los diseños por chat. El resultado son objetos de diseño editables.
¿Visily puede exportar a Figma?
Sí. Visily admite la exportación e importación con Figma en los planes Pro y Business, y también ofrece un plugin de Figma.
¿Puedo colaborar con un equipo en Visily?
Sí. Visily incluye diseño conjunto en tiempo real, comentarios, bibliotecas compartidas y modo seguidor, y los tableros compartidos públicamente se pueden ver sin cuenta.
¿Cómo funcionan los créditos en Visily?
Cada plan de Visily tiene una asignación mensual de créditos para las funciones de IA y las plantillas. La cantidad que se consume depende del tipo de función o de plantilla que se use.
Para quién es
- Responsables de producto
- Fundadores
- Analistas de negocio
- Desarrolladores
- Equipos multidisciplinares
Aparece en estas guías
- De la idea de una app a las tiendas de aplicaciones: dónde ayudan las herramientas de IA en cada etapaEtapa 2: Diseño de interfaz y prototipo
- Diseñar la interfaz de una app con IA: investigación, pantallas, prototipo y códigoEtapa 2: Flujos y wireframes
- Diseñar la interfaz de una app con IA: investigación, pantallas, prototipo y códigoEtapa 5: Prototipo interactivo
Cada guía recorre las etapas de un trabajo y las herramientas que ayudan en cada una. Todas las guías
Comentarios
Todavía no hay comentarios. Si has usado Visily, cuéntales a otros lectores cómo te fue.
Alternativas a Visily
| Herramienta | Plan gratuito | Precio inicial | API |
|---|---|---|---|
| Sí | — | — | |
| Sí | — | — | |
| Sí | — | — | |
| Sí | — | — | |
| Sí | — | — |
Herramientas de las mismas categorías que Visily. El precio inicial solo aparece si lo comprobamos en la página de precios del desarrollador; un guion significa que no se comprobó o no está publicado. Todas las herramientas de la categoría Diseño UI y UX