Saltar al contenido principal

Documentation Index

Fetch the complete documentation index at: https://manus.im/docs/llms.txt

Use this file to discover all available pages before exploring further.

Para los equipos que utilizan Figma en su proceso de diseño, Manus ofrece una potente integración que permite convertir sus diseños en aplicaciones web funcionales con un solo comando.

​
Cómo Funciona

En lugar de traducir manualmente tus diseños de Figma a código, simplemente puedes proporcionarle a Manus un enlace a tu archivo de Figma. Manus analizará el diseño, incluyendo los diseños, componentes, fuentes y colores, y generará automáticamente el código correspondiente para una aplicación web.

​
El Proceso

  1. Diseñar en Figma: Crea el diseño de tu aplicación en Figma como lo harías normalmente. image.png
  2. Proporcionar el Enlace: Comparte el enlace del marco de Figma con Manus y describe lo que deseas construir. Por ejemplo:
    “Aquí está el diseño de Figma para nuestra nueva aplicación móvil. Crea una aplicación web funcional basada en este diseño.”
  3. Manus Construye la Aplicación: Manus interpretará el diseño y generará el HTML, CSS y JavaScript para el frontend, así como los componentes de backend necesarios para dar vida a tu diseño.
    Puedes adjuntar múltiples marcos a tu solicitud. Indica a Manus cómo se relacionan estos marcos: flujo de páginas, interacciones o estados de componentes (como el efecto hover). Esto ayuda a Manus a generar experiencias interactivas o de varias páginas precisas.
Esta integración acelera drásticamente el proceso de desarrollo, cerrando la brecha entre el diseño y el desarrollo y permitiendo pasar de un diseño estático a una aplicación interactiva y en vivo en una fracción del tiempo.