Vá do Figma a um App no ar

Você já tem telas no Figma. O Agent as constrói como um app do Replit no ar, que você pode editar, visualizar e publicar: layout, tipografia, cores e espaçamento. O resultado é um produto funcional, não uma captura de tela. Aponte o Agent para frames específicos se o arquivo tiver mais de um fluxo.

​

Ideal para

• Designers de produto que precisam de um app codificado no Replit a partir de frames que já possuem.
• Fundadores que têm um arquivo no Figma e precisam colocá-lo no ar sem reconstruir do zero.

​

Conectores

​

Antes de começar

Tenha um arquivo no Figma com frames nomeados (início, produto, checkout, e assim por diante). Conecte o Figma. Compartilhe o arquivo com o Agent, ou cole o link do arquivo e os links dos frames que importam. Diga se isso é um site de marketing, um app ou uma única landing page.

​

Prompt para o agente

​

O que esperar

O Agent lê os frames selecionados e constrói páginas correspondentes que você pode publicar a partir do Replit. Verifique o espaçamento, a tipografia e as cores em relação ao Figma. Revise você mesmo os elementos interativos (navegação, formulários, hover). Eles costumam precisar de uma segunda passada. Visualize em desktop e em largura de celular. Clique na navegação e nos formulários, e depois compare uma captura de tela com o Figma antes de publicar.

​

Adapte ao seu caso

​

Solução de problemas

• O Agent não consegue ler o arquivo: conecte o Figma, compartilhe o arquivo e cole os links dos frames, não apenas a URL do arquivo. Nomeie os frames (início, produto, checkout) se o arquivo tiver mais de um fluxo.
• Hover, navegação ou formulários parecem inacabados: layout e cor costumam ficar prontos primeiro. Peça uma segunda passada nos elementos interativos, e verifique o espaçamento em relação ao Figma.

​

Relacionados