Figma - 2.2 Créer un fichier de conception et des frames dans Figma
Dans Figma, chaque projet commence par un fichier de conception. Cette leçon montre comment créer ce fichier, le renommer et changer la couleur de fond. Elle explique ensuite comment ajouter des frames, ces cadres qui représentent les écrans de votre projet.
Créer et renommer le fichier
Depuis la page d'accueil de Figma, cliquez sur le symbole plus pour créer un nouveau fichier de conception. Lorsque vous avez déjà des fichiers, le menu propose aussi cette création.
Pour renommer le fichier, cliquez sur son nom et saisissez le nouveau. Le nom peut correspondre à votre projet, par exemple au nom d'une application.
Changer la couleur de fond
La section Background permet de changer la couleur de fond de la page. Vous pouvez choisir n'importe quelle couleur. La vidéo conseille le blanc pour une meilleure visibilité.
Chaque fichier peut avoir sa propre couleur de fond. Vous pouvez en créer autant que nécessaire, selon le nombre de projets que vous voulez réaliser.
Ajouter des frames
Choisissez l'outil Frame, représenté par le symbole dièse, dans la barre d'outils. Figma propose des cadres prédéfinis : téléphones, tablettes et ordinateurs. La vidéo utilise un iPhone 8, un cadre Android et une tablette.
Un frame se renomme par un double clic sur son nom. Un frame peut s'appeler home page, produit ou contact, selon l'écran qu'il représente. Vous pouvez ensuite placer vos éléments à l'intérieur du cadre.
- Choisir l'outil Frame dans la barre d'outils.
- Sélectionner un format prédéfini : téléphone, tablette ou ordinateur.
- Renommer le frame par un double clic sur son nom.
- Placer les éléments à l'intérieur du cadre.
En résumé
Un fichier de conception se crée depuis l'accueil, puis se renomme en cliquant sur son nom. La couleur de fond se modifie dans la section Background. Les frames, choisis parmi des formats prédéfinis, accueillent ensuite les écrans de votre projet.
Points clés
- Le symbole plus de l'accueil crée un nouveau fichier de conception.
- Cliquer sur le nom du fichier permet de le renommer.
- La section Background change la couleur de fond.
- L'outil Frame, marqué d'un dièse, ajoute un cadre au format souhaité.
- Un double clic sur le nom d'un frame permet de le renommer.
Questions fréquentes
Quelle est la différence entre un fichier et un frame ?
Le fichier contient tout le projet. Un frame est un cadre à l'intérieur du fichier, qui représente un écran.
Quel format de frame faut-il choisir ?
Choisissez le format qui correspond à l'écran visé : téléphone, tablette ou ordinateur. La vidéo donne plusieurs exemples.
Faut-il garder le blanc comme couleur de fond ?
Non, c'est un choix. La vidéo conseille le blanc pour une meilleure visibilité, mais toute couleur convient.