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
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 características que funcionan de manera diferente en cada producto.
Consejo: ¿tienes curiosidad por las diferencias entre estos productos? Descubre más sobre las herramientas y propiedades disponibles en Figma Sites y Figma Design.
Copiar de Figma Design a Figma Sites
Puedes copiar y pegar cualquier recurso de diseño entre Figma Design y Figma Sites usando 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 está entre 1200 y 1600 px —y eres el creador del archivo—, también puedes enviarlo directamente a un nuevo archivo de Figma Sites:
- Abre el archivo de diseño de Figma que contiene tu diseño.
- Haz clic con el botón derecho en el marco que deseas añadir como página web a Figma Sites.
- Selecciona Copiar a Figma Sites.
Figma abrirá un nuevo archivo de sitio con tu diseño añadido a la página Home.
Aspectos a tener en cuenta
Aquí hay algunas cosas que debes tener en cuenta al pasar de Figma Design a Figma Sites:
|
Función |
Comportamiento |
|---|---|
|
Las anotaciones no se muestran en un archivo de sitio, pero reaparecen si copias y pegas el diseño de nuevo en Figma Design más tarde. |
|
|
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 los recursos de diseño de Figma Sites a Figma Design usando los mismos atajos de teclado estándar mencionados anteriormente.
Consejo: hay muchas formas de modificar cómo se pega el contenido en Figma Design, como pegar para reemplazar, pegar sobre la selección, y otras.
Aspectos a tener en cuenta
Aquí hay algunas cosas que debes tener en cuenta al cambiar de Figma Sites a Figma Design:
| Función | Comportamiento |
|---|---|
|
Las propiedades de accesibilidad no se renderizan en un archivo de diseño, pero reaparecen si copias y pegas el diseño de nuevo en Figma Sites más tarde. |
|
|
Las incrustaciones no son compatibles en Figma Design y aparecen 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 a 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. |