Sim! O Figma tem um novo construtor de sites chamado Sites Figma, e agora pode conceber e publicar um sítio Web num ambiente sem código.
You can create responsive, visually polished landing pages, portfolios, or internal projects – all powered by your Figma designs. But what if you want to make your pages more dynamic with real-time prova social?
Now you can embed any EmbedSocial widget – an gratuito do Instagram, a Controlo deslizante Google Reviews, or a TikTok mentions gallery – directly into your Figma Site.
Incorporar Feed do Instagram no seu sítio Web sem levantar um dedo!
Gerar e incorporar widget do Instagram com o seu feed, menções ou hashtags diretamente para o seu sítio Web.
Para sua informação: pode incorporar automaticamente um Widget do Instagram com um agregador de redes sociais, dando vida ao seu sítio Web com conteúdo fresco.
O que são os Figma Sites?
O Figma Sites é uma ferramenta de publicação leve que lhe permite transformar qualquer desenho Figma numa página Web ao vivo e partilhável, sem necessidade de programadores.
Pense nisso como uma maneira de enviar micro-sites, campanhas ou apresentações usando seu sistema de design existente. E agora, com o suporte de incorporação, pode melhorar as suas páginas com widgets ao vivo da EmbedSocial.
Passos para incorporar widgets do Instagram ou de avaliações do Google no Figma Sites
Apenas iframe são suportados no Figma Sites. Isto significa que é necessário utilizar o opção de incorporação de iframe do seu widget EmbedSocial. Eis como o fazer passo a passo:
Passo 1: Copiar o código Iframe do widget
- Aceda à sua conta EmbedSocial ou criar uma nova conta se for um novo utilizador.
- Ir para Widgets, criar novo ou selecionar o widget que pretende incorporar (Instagram Feed, Google Reviews, TikTok, etc.)
- No Editor, no painel de definições do lado esquerdo, clique no botão "Incorporar e depois em
- Copiar o
iframecódigo (certifique-se de que faz não utilizar a versão JavaScript)
Passo 2: Adicionar o bloco HTML no Figma Sites
Siga estes passos para colar o seu código no seu Site Figma:
- Abra o seu Site da Figma projeto.
- Do painel esquerdoClique no botão ➕ para adicionar um novo bloco.
- Selecionar Incorporações das opções de bloco.
- Em seguida, selecionar o URL ou HTML bloco. Terá de ajustar o bloco na área onde pretende incorporar o código.
- Verá um novo painel HTML à direita, onde terá de colar o seu
iframecódigo.
Passo 3: Ajustar a posição e publicar
- Após a incorporação, é possível ajustar o block’s position, largurapor altura.
- O seu widget será apresentado em direto no layout do Figma Site, permitindo-lhe pré-visualizar e estilizar o resto do seu conteúdo em conformidade.
- Clique Publicar para ver as alterações em direto.
Here is a live Figma site with an embedded Instagram widget by EmbedSocial – ver em ação.
Como começar
You’ll now have a fully functional EmbedSocial widget inside your Figma Site – whether it shows Instagram UGC, leva os testemunhos de clientesum widget expedível ou avaliações do Google em tempo real. É uma forma simples de transformar o seu design estático numa experiência viva alimentada por conteúdos autênticos.