Converter um design Figma em um layout editável

Imagem para layout com tecnologia de IA

Com o recurso GemAI – Imagem para Layout do GemPages, você pode facilmente transformar um design Figma (exportado como imagem) ou uma URL de site existente em um layout editável. É uma maneira rápida de economizar tempo e evitar a necessidade de reconstruir seu design do zero. Consulte Este artigo para saber mais sobre esse recurso.

Antes de começar, certifique-se de ter exportado o design do Figma para uma imagem:

• Formato de imagem: .JPG, .PNG
• Tamanho da imagem: menos de 20 MB.

Como transformar um modelo Figma em um layout editável no GemPages?

Passo 1: Abra Painel GemPages > Crie uma nova página

Passo 2: Selecionar Começar do zero para abrir o editor

Passo 3: Acertar AI na barra lateral esquerda ou clique em “Comece gerando a partir de URL ou imagem” para usar o recurso Imagem para Layout.

Passo 4: Faça upload da imagem exportada do design do Figma e aguarde a geração pelo sistema. 

Passo 5: Você pode marcar “Selecionar todos” para coletar todas as seções geradas, ou apenas selecionar as que você preferir e clicar em “Gerar. "

Passo 6: Seu design do Figma agora está transformado em um layout que você pode editar no Editor do GemPages. Use os elementos-chave na barra lateral esquerda para personalizá-lo do seu jeito. 

Passo 7: Salve, visualize e publique sua página.