Figma Sites se lanzó en beta durante Config 2025. Actualmente está disponible en todos los planes de pago, y próximamente habrá una experiencia limitada en el plan Inicial. Descubre más sobre lo que se incluye en la versión beta.
Quién puede utilizar esta función
Disponible en todos los planes de pago
Se requiere acceso de edición al archivo
Figma Sites te permite crear y publicar sitios web usando las mismas potentes herramientas disponibles que en Figma Design.
Crear diseños en Figma Sites
Al trabajar en Figma Sites, puedes diseñar directamente en una página web o utilizar el lienzo como un espacio para explorar ideas.
- Crea elementos de diseño. Al igual que harías en un archivo de diseño, comienza añadiendo marcos, formas, texto o cualquier elemento de diseño al archivo.
- Hazlos adaptativos. Utiliza la disposición automática y las limitaciones para que tu sitio se adapte a diferentes tamaños de pantalla.
- Reutiliza los elementos de diseño. Mantén la coherencia del sitio creando componentes, estilos o variables, o utilizando recursos existentes de una biblioteca.
- Publica una biblioteca. Comparte componentes, estilos o variables para que otros puedan acceder a ellos en otros archivos.
- Añade interactividad. Al igual que al crear prototipos en Figma Design, utiliza interacciones para añadir movimiento y animaciones a los elementos de diseño.
Una vez que hayas agregado diseños a una página web, puedes crear la vista previa y publicar la página sin necesidad de programar.
¿Qué ocurre cuando copio y pego entre Figma Design y Figma Sites?
En general, trasladar tu trabajo entre Figma Design y Figma Sites debería ser una experiencia fluida y sin contratiempos.
Los diseños son idénticos en ambos productos, y las funciones más complejas se traducen automáticamente entre ellos. Por ejemplo, las conexiones de prototipo en Figma Design se convierten automáticamente en sus interacciones correspondientes en Figma Sites.
Obtén más información sobre cómo moverte entre los dos productos.
Herramientas compatibles entre Figma Design y Figma Sites
Al diseñar en Figma Sites, tendrás acceso a la mayoría de las funciones disponibles en Figma Design. Puedes encontrar la documentación sobre cómo usar cada función en los enlaces a continuación.
Herramientas de diseño
|
|
Disponible en Figma Design |
Disponible en Figma Sites |
|---|---|---|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
Las fuentes personalizadas instaladas en tu ordenador no están disponibles actualmente para su uso en Figma Sites, pero lo estarán en el futuro. |
|
|
✓ |
✓ |
|
|
Editar trazados vectoriales, incluidas las operaciones booleanas |
✓ |
✓ |
|
✓ |
✓ |
|
|
✓ |
Figma Sites tiene funcionalidades adicionales para editar en múltiples puntos de interrupción. |
|
|
✓ |
No están disponibles actualmente, pero lo estarán en el futuro. |
|
|
✓ |
X |
|
|
✓ |
X |
|
|
✓ |
X |
|
|
✓ |
✓ |
|
|
✓ |
Algunas funciones compartidas con Figma Design. Más información. |
|
|
✓ |
✓ |
|
|
✓ |
Las secciones pueden contener diseños, pero no páginas web. |
|
|
X |
✓ |
|
|
X |
✓ |
|
|
✓ |
X |
|
|
✓ |
X |
|
|
X |
✓ |
Herramientas de colaboración
|
|
Disponible en Figma Design |
Disponible en Figma Sites |
|---|---|---|
|
✓ |
✓ |
|
|
✓ |
La función de punto destacado no seguirá a una persona si está en una vista de pantalla completa, como Hacer o Configuración. |
|
|
✓ |
X |
Sistemas de diseño y publicación
|
|
Disponible en Figma Design |
Disponible en Figma Sites |
|---|---|---|
|
✓ |
Puedes crear y gestionar componentes como en Figma Design. Solo se pueden utilizar instancias en una página web. |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
X |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
X |
✓ |
|
|
✓ |
X |
Propiedades compatibles entre Figma Design y Figma Sites
|
|
Disponible en Figma Design |
Disponible en Figma Sites |
|---|---|---|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
X |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
✓ |
✓ |
|
|
X |
✓ |
|
|
X |
✓ |
|
|
✓ |
✓ |