Exprimez-vous avec Figma Draw
Figma Draw associe une édition vectorielle plus simple et plus rapide à de puissants outils d'expression visuelle, qui permettent à tous types de designers de donner vie à leurs idées en restant concentrés.
Partager Exprimez-vous avec Figma Draw
Depuis longtemps, les designers repoussent les limites de la créativité et de l'expression avec Figma. Alors que les designers sont fortement incités à gagner en compétence et que leur rôle devient plus hybride, ils ont tendance à sortir des schémas habituels et à alterner librement entre des designs précis et des créations plus expressives. Aujourd'hui, nous sommes ravis d'annoncer le lancement de Figma Draw. Cette solution vous offre un contrôle plus précis sur l'édition vectorielle ainsi que de nouveaux outils d'illustration, pour vous permettre de donner vie à vos idées sans quitter votre plan de travail et, surtout, sans vous couper dans votre élan.
Vous pouvez désormais utiliser Figma Draw au sein de Figma Design pour bénéficier d'une UI simplifiée, qui place de nouveaux outils d'illustration au premier plan : pinceaux, tracés dynamiques, flou progressif, effets de texture et de bruit, texte curviligne, etc. Que ce soit pour créer une icône pour une maquette haute fidélité, une illustration pour le web ou une image pour les réseaux sociaux, Figma Draw vous aide à travailler efficacement et à itérer rapidement sans avoir à jongler entre plusieurs outils. « Figma est un terrain de jeu en constante évolution, qui regroupe tous les outils dont j'ai besoin », explique Adanna Onuekwusi, product designer. « J'ai de moins en moins besoin de quitter son interface. Figma Draw me permet de rester dans mon workflow. »
Un espace de travail propice à la concentration
Vous êtes peut-être un product designer qui travaille sur une page web, et qui a besoin de se focaliser sur la création d'un logo. Ou alors, vous êtes un brand designer en quête d'un espace propice à la concentration pour laisser libre cours à votre créativité. Vous pouvez désormais utiliser Figma Draw, dont l'interface a été spécifiquement conçue pour l'expression visuelle. Voici comment nous avons organisé les panneaux et les barres d'outils dans Figma Draw pour stimuler l'inspiration et la créativité :
- Panneau des calques : nous avons optimisé le panneau des calques pour le graphisme vectoriel avec un aperçu des miniatures pour les frames, les groupes, les formes, les vecteurs et les images, afin de faciliter la navigation entre les différents éléments et leur modification.
- Barres d'outils : une barre d'outils repensée met les outils Plume, Pinceau et Crayon à portée de main, propose des points d'entrée pratiques pour les fonctionnalités vectorielles spécialisées et supprime les fonctions moins pertinentes. Et une autre barre d'outils vous permet également de personnaliser votre style de tracé avant même de poser le crayon sur la toile !
- Panneau des propriétés : il vous offre des contrôles plus tactiles avec des curseurs et des aperçus plus grands, un panneau de tracés étendu et la possibilité de présélectionner les remplissages, les styles de tracé et les effets pour réduire les ajustements ultérieurs.
Une édition vectorielle facile et efficace
Pour créer des designs qualitatifs et exploitables, vous avez besoin d'outils qui vous offrent un contrôle précis, tout en vous laissant la liberté d'itérer sans cesse sur vos idées. Figma Draw corrige les défauts du processus d'édition vectorielle grâce à des capacités plus précises et plus puissantes, pour vous donner les moyens de créer plus d'assets et de peaufiner vos créations autant que nécessaire. « Figma Draw me propose toutes les fonctionnalités dont j'ai besoin », déclare Brad Hodgskiss, partner et creative director chez MUTI. « Mes illustrations peuvent être détaillées, mais [avec Figma] elles sont faciles à créer ».
Voici ce que contient l'outil :
- Améliorations de confort : la sélection des sommets, l'alignement et l'espacement des objets, la navigation entre les géométries sélectionnées, la fermeture des tracés ouverts et la mise à jour des poignées sont désormais plus intuitives.
- Amélioration des opérations booléennes et du tracé des contours : nous avons mis à jour le moteur qui gère les opérations booléennes et le tracé des contours. Désormais, la combinaison et la soustraction sont plus fluides.
- Édition de points d'ancrage multiples : pour une efficacité maximale, sélectionnez plusieurs points d'ancrage vectoriels et tapez Entrée pour les modifier tous en même temps. Vous pouvez également utiliser les touches Maj+clic sur d'autres points d'ancrage pour les ajouter à votre sélection, et Cmd+clic pour passer à l'édition vectorielle sur un autre point d'ancrage (cette fonction est également utile lorsque vous alignez des sommets par rapport à une géométrie dans un autre calque).
- Aide à la création de formes : l'outil de création de formes vous permet de combiner et de manipuler facilement des formes afin de créer des icônes et des logos uniques.
- Sélection au lasso : lorsque vous devez sélectionner un groupe irrégulier d'objets vectoriels ou vous concentrer sur une partie chargée du plan de travail, sélectionnez les éléments nécessaires à main levée pour les isoler du reste.
Mes illustrations peuvent être détaillées, mais [avec Figma], elles sont faciles à créer.
Expressivité et liberté créative
Avec une palette étendue d'outils d'expression, Figma Draw vous permet d'explorer et d'expérimenter sans avoir à utiliser d'autres outils ou plugins. Apportez votre touche personnelle avec les pinceaux, ajoutez de la texture pour enrichir vos illustrations ou utilisez le flou progressif pour donner de la profondeur à vos designs. Comme le dit David Fu, développeur de jeux et d'applications, « Figma Draw a modifié ma perception des possibilités de Figma. Elles m'inspirent encore plus que ce que j'imaginais. »
Recréez l'expressivité d'un dessin fait à la main
- Pinceaux : dessinez comme sur le papier avec des pinceaux qui imitent la calligraphie, ou créez des pinceaux personnalisés qui correspondent à votre style d'illustration.
- Tracés dynamiques : rendez vos dessins plus dynamiques et originaux avec des lignes irrégulières, au mouvement naturel.
- Tracés à largeur variable (bientôt disponible) : il sera bientôt plus facile de moduler un tracé et de lui donner plus de relief grâce à l'outil de point à largeur variable.
Jouez avec les textures
- Remplissage avec un motif : tout comme vous remplissez un espace avec une couleur unie ou une image, utilisez un motif pour créer la texture souhaitée dans une partie de votre illustration.
- Bruit : ajoutez du grain à des photos ou à des composants, comme les boutons, pour un effet analogique.
- Texture : donnez une texture réaliste et tangible aux calques, aux ombres et aux dégradés.
- Flou progressif : ajoutez de la profondeur visuelle avec un flou de fond ou un calque de flou.
Créez de nouvelles formes
- Origine de la rotation : obtenez un positionnement plus précis du point d'origine pour faire pivoter les objets. Sélectionnez simplement un objet et tapez Opt+R pour localiser et déplacer le point, ou survolez les poignées de rotation pour le maintenir en place.
- Texte curviligne : libérez-vous des contraintes et créez vos propres calligrammes en apposant vos textes sur des vecteurs de toutes les formes.
- Répétitions : répétez les points d'ancrage selon un motif linéaire ou radial avec des transformations répétées pour un effet kaléidoscopique.
Des itérations plus rapides et des workflow fluides
Avec Figma Draw, vous pouvez vous concentrer sur l'expression visuelle et l'illustration. Figma Design met la majorité des mêmes outils à votre portée, afin que vous puissiez créer, éditer et itérer au même endroit. Nous savons qu'il est crucial de limiter les changements d'outils et de booster la productivité, mais le plus important est de garder une certaine fluidité dans le travail. C'est au moment où les idées viennent d'être esquissées que les meilleures inspirations émergent. Après tout, les nouvelles tendances en matière de design ne proviennent pas uniquement des outils, mais aussi des designers qui les utilisent pour jouer, expérimenter et repousser les limites de la créativité.
Figma Draw est disponible dès aujourd'hui pour tous les utilisateurs, depuis la barre d'outils Figma Design. Cliquez ici pour en savoir plus. Nous avons hâte de découvrir comment vous allez vous approprier l'outil et explorer ensemble une toute nouvelle façon de créer.
