Página inicial da UXMagic
  • Funcionalidades
  • Bibliotecas
  • Comunidade
  • Preços
  • Afiliados
  • Recursos
Página inicial da UXMagic
Página inicial da UXMagic

Bibliotecas

Comunidade
Preços
Afiliados

Recursos

Siga a gente:
  • Siga a gente no Slack
  • Siga a gente no Twitter
  • Siga a gente no LinkedIn
  • Siga a gente no YouTube
  • Siga a gente no Instagram
Central de Ajuda
  • 🚀Primeiros passos
  • ✨Gerar designs
  • 🎨Projetar e editar
  • 📦Exportar e entregar
    • Exportar para o Figma
    • Exportar código (HTML, React, Tailwind)
    • Exportar para Framer e Webflow
    • Levar um design para o WordPress
    • Exportar como PDF ou imagem
    • Exportar para o Canva
  • 🌐Publicar um site no ar
  • 🤝Compartilhar e colaborar
  • 🔌Integrações e desenvolvimento
  • 💳Planos, créditos e faturamento
  • 🛠Solução de problemas

Ainda travado?

Nosso time responde de dentro do produto.

Falar com o suporte →
  1. Central de Ajuda/
  2. Exportar e entregar/
  3. Exportar para Framer e Webflow

Exportar para Framer e Webflow

Copie uma tela para o Framer ou Webflow com uma colagem, preservando estrutura e estilo.

Última atualização: 27 de agosto de 2026

Nesta página

  • Framer
  • Webflow
  • O que conferir depois de colar
  • Quando usar isto em vez de exportar código

As exportações para Framer e Webflow funcionam pela área de transferência: a UXMagic produz o conteúdo que cada ferramenta entende e você cola no canvas dela.

Framer#

  1. Selecione a tela.
  2. Exportar → Framer.
  3. Copie o conteúdo gerado.
  4. Abra seu projeto no Framer e cole no canvas.

Estrutura de layout, texto e estilo chegam como camadas nativas do Framer, que você pode continuar editando.

Webflow#

  1. Selecione a tela.
  2. Exportar → Webflow.
  3. Copie o conteúdo gerado.
  4. No Webflow Designer, cole no canvas.

Você recebe elementos reais do Webflow com classes, não um bloco de embed.

O que conferir depois de colar#

  • Fontes — confirme que as fontes usadas estão disponíveis no projeto de destino.
  • Imagens — chegam por URL; envie-as ao gerenciador de recursos do destino antes de publicar.
  • Interações — animações e interações são configuradas no Framer ou no Webflow, não são transferidas.

Quando usar isto em vez de exportar código#

Se o site será mantido por um time que vive no Framer ou no Webflow, cole ali. Se a engenharia é dona dele, exporte código.

Este artigo foi útil?

Artigos relacionados

Exportar código (HTML, React, Tailwind)

Exporte uma tela sozinha ou um projeto inteiro como código de front-end pronto para produção.

Levar um design para o WordPress

Conecte um site WordPress e publique nele as telas geradas como páginas.

Publique seu primeiro site

Coloque um projeto no ar em um subdomínio uxmagic.io em poucos minutos.

← AnteriorExportar código (HTML, React, Tailwind)Próximo →Levar um design para o WordPress

Nesta página

  • Framer
  • Webflow
  • O que conferir depois de colar
  • Quando usar isto em vez de exportar código

sua próxima ideia
merece existir

pare de só pensar nela. escreva de qualquer jeito. Mal escrita, pela metade, tanto faz. A gente transforma em algo real.

Produto

  • Comunidade
  • Planos e preços
  • Programa de afiliados
  • UXMagic MCP
  • Claude MCP
  • Informações para IA

Recursos

  • Central de ajuda
  • Biblioteca Figma
  • Biblioteca React
  • Templates de apps mobile
  • Documentação
  • Tutoriais

Funcionalidades

  • De prompt para UI
  • De imagem para UI
  • De esboço para UI
  • Clonar site
  • Importar do Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Todas as funcionalidades

Comparar

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Todos os concorrentes

Blogs

  • IA no fluxo de trabalho de UX design: o que funciona de verdade
  • Templates de prompt para dashboards SaaS
  • Prompts reais que usamos para gerar fluxos de produto
  • Engenharia de prompt para designers de UX
  • Melhores ferramentas de wireframe em 2026: 10 opções gratuitas e pagas comparadas
  • Todos os blogs

Empresa e suporte

  • Carreiras
  • Fale conosco
  • Política de privacidade
  • Termos de uso
  • Configurações de cookies
  • Siga a gente no Slack
  • Siga a gente no Twitter
  • Siga a gente no LinkedIn
  • Siga a gente no YouTube
  • Siga a gente no Instagram

© 2026 UXMagic AI Technologies Inc.