Figma Sites a été lancé en version bêta ouverte à l'occasion de Config 2025. Il est actuellement disponible sur tous les forfaits payants, avec une expérience limitée du forfait de base qui sera bientôt disponible. En savoir plus sur ce qui est inclus dans la version bêta.
Qui peut utiliser cette fonctionnalité
Disponible pour tous les forfaits payants
Nécessite un accès éditeur dans le fichier de destination
Vous pouvez copier et coller librement des objets entre Figma Design et Figma Sites, bien que certaines fonctionnalités fonctionnent différemment dans chaque produit.
Conseil : vous vous demandez quelles sont les différences entre ces produits ? Apprenez-en plus sur les outils et propriétés disponibles dans Figma Sites et Figma Design.
Copier de Figma Design vers Figma Sites
Vous pouvez copier et coller n’importe quelle ressource du design entre Figma Design et Figma Sites à l’aide des raccourcis clavier standard de copier-coller :
- Copier : Ctrl ou Cmd C
- Coller : Ctrl ou Cmd V
Si la largeur de votre design est comprise entre 1 200 et 1 600 px et que vous êtes le créateur du fichier, vous pouvez également l’envoyer directement vers un nouveau fichier Figma Sites :
- Ouvrez le fichier Figma design contenant votre design.
- Cliquez avec le bouton droit sur la frame que vous souhaitez ajouter en tant que page web à Figma Sites.
- Sélectionnez Copier vers Figma Sites.
Figma ouvrira un nouveau fichier de site avec votre design ajouté à la page Home.
Éléments à garder à l'esprit
Voici quelques points à considérer lors de la transition de Figma Design vers Figma Sites :
|
Fonctionnalité |
Comportement |
|---|---|
|
Les annotations ne s'affichent pas dans un fichier de site, mais elles réapparaissent si vous copiez et collez le design dans Figma Design par la suite. |
|
|
Le positionnement de chaque élément est déterminé par les propriétés configurées dans Figma Design :
|
|
|
La plupart des connexions de prototypes se convertissent automatiquement en interactions correspondantes dans Figma Sites. Découvrez comment résoudre les problèmes d'interactions non prises en charge. |
Copier de Figma Sites vers Figma Design
Vous pouvez copier et coller manuellement des ressources du design de Figma Sites vers Figma Design en utilisant les mêmes raccourcis clavier standard de copier-coller mentionnés ci-dessus.
Astuce : il existe de nombreuses façons de modifier la manière dont le contenu est collé dans Figma Design, comme coller pour remplacer, coller sur la sélection, etc.
Éléments à garder à l'esprit
Voici quelques points à considérer lors de la transition de Figma Sites vers Figma Design :
| Fonctionnalité | Comportement |
|---|---|
|
Les propriétés d’accessibilité ne s’affichent pas dans un fichier de design, mais elles réapparaissent si vous copiez et collez le design dans Figma Sites par la suite. |
|
|
Les intégrations ne sont pas prises en charge dans Figma Design et apparaissent en tant qu'images statiques sur le plan de travail. |
|
|
Si elles sont disponibles, les interactions seront automatiquement converties en connexions de prototypes correspondantes, mais de nombreuses interactions ne sont pas prises en charge dans Figma Design. |
|
|
Les liens vers des sites Web externes seront automatiquement convertis en une action de prototype Ouvrir le lien dans Figma Design. Les liens internes vers d'autres pages Web d'un site ne seront pas transférés vers Figma Design. |
|
|
Le positionnement de chaque élément est déterminé par les propriétés configurées dans Figma Sites :
|
|
|
Chaque page Web est convertie en une section avec des cadres pour chaque point de rupture. |