¿Cómo integrar fuentes de redes sociales en sitios Figma?

Sí. Figma tiene un nuevo constructor web llamado Sitios Figma, y ahora puede diseñar y publicar un sitio web en un entorno sin 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 prueba social?

Now you can embed any EmbedSocial widget – an Instagram, a Control deslizante de reseñas de Google, or a TikTok mentions gallery – directly into your Figma Site.

Para tu información: puedes incrustar automáticamente un Widget de Instagram con un agregador de redes sociales...dando vida a su sitio web con contenidos frescos.

¿Qué son los sitios Figma?

Figma Sites es una herramienta de publicación ligera que permite convertir cualquier diseño Figma en una página web viva y compartible sin necesidad de desarrolladores.

---

Piense en ello como una forma de enviar micrositios, campañas o presentaciones utilizando su sistema de diseño existente. Y ahora, con el soporte de incrustación, puedes mejorar tus páginas con widgets en vivo de EmbedSocial.

Pasos para incrustar widgets de Instagram o Google reviews en Figma Sites

Sólo iframe en los sitios Figma. Esto significa que es necesario utilizar el opción de incrustación iframe desde tu widget EmbedSocial. Aquí te explicamos cómo hacerlo paso a paso:

Paso 1: Copiar el código Iframe del widget

1. Vaya a su cuenta EmbedSocial o crear una nueva cuenta si eres un usuario nuevo.
2. Ir a Widgetscrea uno nuevo o selecciona el widget que quieras incrustar (Instagram Feed, Google Reviews, TikTok, etc.)
3. En el Editor, en el panel de configuración de la izquierda, haga clic en el botón Incrustar y haz clic en
4. Copie el iframe (asegúrese de hacer no utilice la versión JavaScript)

Paso 2: Añadir el bloque HTML en Figma Sites

Siga estos pasos para pegar su código dentro de su sitio Figma:

1. Abra su Sitio Figma proyecto.
2. Desde el panel izquierdopulse el botón ➕ para añadir un nuevo bloque.
3. Seleccione Incrustaciones de las opciones de bloque.
4. A continuación, elija la opción URL o HTML bloque. Deberá ajustar el bloque en la zona en la que desee incrustar el código.
   
5. Verás un nuevo panel HTML a la derecha, donde tendrás que pegar tu iframe código.
   

Paso 3: Ajustar la posición y publicar

• Después de incrustar, puede ajustar el block’s position, anchuray las altura.
• El widget se mostrará en directo en el diseño de Figma Site, lo que le permitirá previsualizar y aplicar el estilo adecuado al resto del contenido.
• Haz clic en Publique para ver los cambios en directo.

Here is a live Figma site with an embedded Instagram widget by EmbedSocial – verlo en acción.

Para empezar

You’ll now have a fully functional EmbedSocial widget inside your Figma Site – whether it shows Instagram UGC, testimonios de clientesun widget enviable o reseñas de Google en tiempo real. Es una forma sencilla de convertir tu diseño estático en una experiencia viva impulsada por contenidos auténticos.