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
Se requiere acceso de edición en el archivo de destino
Puedes copiar y pegar objetos libremente entre Figma Design y Figma Sites, aunque hay varias funciones que se desempeñan de manera diferente en cada producto.
Consejo: ¿Tienes curiosidad sobre las diferencias entre estos productos? Obtén más información sobre las herramientas y propiedades disponibles en Figma Sites y Figma Design.
Copiar de Figma Design a Figma Sites
Puedes copiar y pegar cualquier activo de diseño entre Figma Design y Figma Sites con los atajos de teclado estándar para copiar y pegar:
- Copiar: Ctrl o Cmd C
- Pegar: Ctrl o Cmd V
Si el ancho de tu diseño tiene entre 1200 y 1600 píxeles, y tú eres el creador del archivo, también puedes enviarlo directamente a un nuevo archivo de Figma Sites:
- Abre el archivo de Figma Design que contiene tu diseño.
- Haz clic con el botón derecho en el marco que deseas agregar como página web a Figma Sites.
- Selecciona Copiar a Figma Sites.
Figma abrirá un nuevo archivo de sitio con tu diseño agregado a la página de Inicio.
Aspectos para considerar
Te mostramos algunas cuestiones que debes tener en cuenta al cambiar de Figma Design a Figma Sites:
|
Característica |
Comportamiento |
|---|---|
|
Las anotaciones no se renderizan en un archivo de sitio, pero vuelven a aparecer si más tarde copias y pegas el diseño de nuevo en Figma Design. |
|
|
El posicionamiento de cada elemento se basa en las propiedades configuradas en Figma Design:
|
|
|
La mayoría de las conexiones de prototipo se convierten automáticamente en las interacciones correspondientes en Figma Sites. Aprende a solucionar cualquier problema de interacciones no compatibles. |
Copiar de Figma Sites a Figma Design
Puedes copiar y pegar manualmente activos de diseño de Figma Sites a Figma Design con los mismos atajos de teclado estándar de copiar y pegar mencionados anteriormente.
Consejo: Hay muchas maneras de modificar cómo se pega el contenido en Figma Design, como pegar para reemplazar, pegar sobre la selección y mucho más.
Aspectos para considerar
Te mostramos algunas cuestiones que debes tener en cuenta al cambiar de Figma Sites a Figma Design:
| Característica | Comportamiento |
|---|---|
|
Las propiedades de accesibilidad no se muestran en un archivo de diseño, pero vuelven a aparecer si más tarde copias y pegas el diseño de nuevo en Figma Sites. |
|
|
Las inserciones no son compatibles en Figma Design y se muestran como imágenes estáticas en el lienzo. |
|
|
Si están disponibles, las interacciones se convertirán automáticamente en las conexiones de prototipo correspondientes, pero muchas interacciones no son compatibles con Figma Design. |
|
|
Los enlaces a sitios web externos se convertirán automáticamente en una acción de prototipo de Abrir enlace en Figma Design. Los enlaces internos a otras páginas web dentro de un sitio no se copiarán en Figma Design. |
|
|
El posicionamiento de cada elemento se basa en las propiedades configuradas en Figma Sites:
|
|
|
Cada página web se convierte en una sección con marcos para cada punto de interrupción. |