Pular para o conteúdo 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 equipes que usam o Figma em seu processo de design, Manus oferece uma integração poderosa que permite transformar seus designs em aplicativos web funcionais com um único comando.

​
Como Funciona

Em vez de traduzir manualmente seus designs do Figma para código, você pode simplesmente fornecer a Manus um link para seu arquivo Figma. Manus analisará o design, incluindo layouts, componentes, fontes e cores, e gerará automaticamente o código correspondente para um aplicativo web.

​
O Processo

  1. Design no Figma: Crie o design do seu aplicativo no Figma como faria normalmente. image.png
  2. Forneça o Link: Compartilhe o link do frame do Figma com Manus e descreva o que você deseja construir. Por exemplo:
    “Aqui está o design do Figma para nosso novo aplicativo móvel. Construa um aplicativo web funcional com base neste design.”
  3. Manus Constrói o Aplicativo: Manus interpretará o design e gerará o HTML, CSS e JavaScript para o frontend, bem como os componentes de backend necessários para dar vida ao seu design.
    Você pode anexar vários frames à sua solicitação. Diga a Manus como esses frames se relacionam—fluxo de página, interações ou estados de componentes (como hover). Isso ajuda Manus a gerar experiências multi-páginas ou interativas precisas.
Esta integração acelera drasticamente o processo de desenvolvimento, preenchendo a lacuna entre design e desenvolvimento e permitindo que você passe de um design estático para um aplicativo interativo e ao vivo em uma fração do tempo.