Ferramentas Webflow e Figma
Acelere o fluxo do Figma para o Webflow: ícones, código, nomes de classes e conteúdo prontos para colar.
localHTML e CSS para WebflowCole o HTML e o CSS, clique em Copy to Webflow e cole no Designer — você recebe Div Blocks, Headings,…localSVG para WebflowCole um SVG do Figma e copie para o Webflow como Custom Elements de verdade. Cada <svg>, <path> e <g> vira…localMarkdown para Rich Text do WebflowCole o Markdown, confira a prévia e copie como rich text formatado — títulos, listas, links e negrito…localGerador de Classes WebflowDescreva uma seção com palavras simples — “hero com slogan, título, dois botões e uma imagem à direita” —…localFigma CSS para WebflowTransforme a saída de “Copy as CSS” do Figma em valores organizados que você pode digitar direto no painel…localGerador de Escala TipográficaEscolha um tamanho base da fonte e uma razão — Terça Menor, Terça Maior, Quarta Justa, Proporção Áurea — e…localGerador de Botão CSSCrie um botão que fica ótimo em todos os estados. Comece com um preset — sólido, contorno, ghost, pill,…localVisualizador HTMLCole o HTML (e o CSS ou JavaScript, se tiver) para ver como ele fica renderizado — na hora, em um quadro…localGerador de Banner de CookiesAdicione um banner de consentimento de cookies a qualquer site — Webflow, WordPress, Shopify ou HTML puro…localGerador de Embed de VídeoCole um link de vídeo do YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive ou…localGerador de Código Embed do YouTubeCole qualquer link do YouTube — um vídeo, um Short ou uma playlist — e receba código embed responsivo com…localGerador de Código Embed do VimeoCole um link do Vimeo — público ou não listado (com o hash de privacidade) — e receba um embed responsivo…localGerador de Código Embed do LoomCole um link de compartilhamento do Loom e gere um embed responsivo para o seu site, central de ajuda,…localGerador de Embed do Google MapsMostre seu escritório, loja ou evento em um Google Maps sem criar uma chave de API. Digite um endereço,…localGerador de Contador RegressivoCrie um contador regressivo para um lançamento, promoção, webinar ou evento e incorpore em qualquer lugar…localLocalizador de ícones SVGPesquise mais de 70.000 ícones SVG de código aberto — Lucide, Tabler, Heroicons, Phosphor, Bootstrap,…localRedirect MapperVai migrar ou redesenhar um site? Cole — ou carregue dos sitemaps — as URLs antigas e novas, e o mapeador…localRedirecionamentos WordPress para WebflowAo migrar um site do WordPress para o Webflow, quase todas as URLs mudam: caminhos de posts com data,…localGerador de Google TagInforme seu ID de medição do GA4, seu ID do Google Ads ou o ID do contêiner do Tag Manager e receba um…localGerador de Snippet GTMInforme seu ID do container GTM e receba o código de instalação do Google Tag Manager para o <head> e o…localGerador de Script de Rastreamento de EventosRastreie cliques em botões, links e envios de formulário adicionando atributos em vez de código:…localVerificador de Erros em Nomes de ClassesCole o HTML ou informe uma URL para auditar todos os nomes de classes: encontre erros de digitação como…localWebflow Clipboard BridgeO Webflow coloca elementos na área de transferência em um formato especial que não funciona entre…localEditor de Componentes WebflowMova seções e componentes entre projetos do Webflow e altere tudo no caminho. Copie elementos no Designer,…localHTML para Webflow Rich TextCole HTML bagunçado, de um site antigo, de uma exportação do WordPress, do Google Docs ou do Word, e…localOtimizador de JSON LottieDeixe as animações Lottie carregarem mais rápido no Webflow e em qualquer site removendo os dados que o…
Falta alguma ferramenta de Webflow?
Diga o que você precisa — criamos primeiro as ferramentas mais pedidas, de graça.