Figma Sites se lanzó en versión beta abierta en Config 2025. Actualmente, está disponible en todos los planes de pago, y próximamente habrá una experiencia limitada en el plan Inicial. Obtén más información sobre lo que se incluye en la versión beta.
Quién puede utilizar esta función
Disponible en todos los planes pagos
Requiere acceso de edición al archivo
Figma Sites te permite crear y publicar sitios web utilizando las mismas herramientas potentes que se encuentran en Figma Design.
Crea diseños en Figma Sites
Al trabajar en Figma Sites, puedes diseñar directamente dentro de una página web o usar el lienzo como un espacio para explorar ideas.
- Crea elementos de diseño. Al igual que en un archivo de diseño, comienza añadiendo marcos, formas, texto o cualquier elemento de diseño al archivo.
- Hazlos adaptables. Usa la disposición automática y las restricciones para que tu sitio se adapte a diferentes tamaños de pantalla.
- Reutiliza los elementos de diseño. Mantén tu sitio consistente 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 en la creación de prototipos con Figma Design, utiliza interacciones para añadir movimiento y animaciones a los elementos de diseño.
Una vez que hayas añadido diseños a una página web, puedes previsualizarla y publicarla, sin necesidad de codificación.
¿Qué ocurre cuando copio y pego entre Figma Design y Figma Sites?
En general, mover tu trabajo de un lado a otro entre Figma Design y Figma Sites debería ser una experiencia fluida y sin contratiempos.
Los diseños se ven exactamente iguales 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 moverse 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 computadora no están disponibles actualmente para su uso en Figma Sites, pero lo estarán en el futuro. |
|
|
✓ |
✓ |
|
|
Editar trazados vectoriales, incluidas operaciones booleanas |
✓ |
✓ |
|
✓ |
✓ |
|
|
✓ |
Figma Sites tiene una funcionalidad adicional para la edición en múltiples puntos de interrupción. |
|
|
✓ |
Actualmente no está disponible, pero estará disponible 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 |
|---|---|---|
|
✓ |
✓ |
|
|
✓ |
Destacar no seguirá a una persona si está en una vista de pantalla completa como Make o Configuración. |
|
|
✓ |
X |
Sistemas de diseño y publicación
|
|
Disponible en Figma Design |
Disponible en Figma Sites |
|---|---|---|
|
✓ |
Puedes crear y administrar componentes como en Figma Design. Solo se pueden usar 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 |
✓ |
|
|
✓ |
✓ |