menu
img
  • Page d'accueil
  • Projets
  • Blog
  • Bref questionnaire
  • Les contacts
  • eng
  • рус
  • укр
img

Caractéristiques de Figma

Figma - un logiciel de concepion web relativement nouveau mais très populaire. Ce service en ligne pour les concepteurs d'interfaces et les développeurs Web vous permet de développer des interfaces directement dans l'application en ligne. Figma a deux fonctionnalités clés: accéder à une mise en page directement à partir d'une fenêtre de navigateur et pouvoir collaborer sur des documents.

фігма.gif (665 KB)

Caractéristiques et caractéristiques de Figma

Le mode d'édition est conçu pour de nombreux utilisateurs

Avant l'avènement de Figma, il était difficile pour plusieurs concepteurs de travailler sur un seul projet et de transmettre les dispositions aux développeurs. N'oubliez pas que Photoshop n'a pas ouvert la mise en page correctement avant l'installation des polices. Ou combien il était difficile de jumeler le travail sur un projet - un collègue a apporté des modifications à sa copie et a oublié de vous en parler ou a envoyé par erreur la mauvaise version de la mise en page.

L'équipe Figma a pris en compte tous ces problèmes et a créé un produit qui, dès le départ, comprenait plusieurs concepteurs, des versions de documents, etc. Ils simplifient la vie du concepteur et du développeur.

Afin de collaborer avec d'autres designers, Figma a la possibilité de créer une équipe.

Serveur de stockage de fichiers cloud

Tous les fichiers sont stockés dans le cloud Figma. Inutile de dire où se trouvent vos mises en page, charger et remblayer après avoir apporté des modifications. Les modifications apportées à Figma sont également enregistrées automatiquement.

Composants

Ce sont des éléments de l'interface utilisateur qui vous permettent de définir des styles communs, puis de les modifier rapidement d'un bout à l'autre de la mise en page.

Par exemple, après avoir terminé le développement de 50 mises en page dans Photoshop, le client vous a demandé de modifier l'élément de menu dans l'en-tête et de soumettre toutes les mises en page pour approbation. Que ferez-vous? C'est vrai, allez fichier par fichier et apportez des modifications en option, copiez l'en-tête dans un fichier séparé, apportez des modifications et dupliquez toutes les dispositions.

Dans Figma, ce problème est résolu: vous modifiez le rayon d'arrondi d'un bouton - les styles de tous les éléments avec ce style changent.

fig3.gif (233 KB)

Historique des versions

Vous permet d'afficher les versions antérieures du fichier et de restaurer ou dupliquer l'une d'entre elles. Les versions sont automatiquement enregistrées si aucune modification n'a été apportée au fichier dans les 30 minutes.

Vous pouvez voir quand le fichier a été modifié et qui a effectué les modifications. Vous pouvez également ajouter manuellement de nouvelles versions selon vos besoins. Afin de ne pas vous tromper à l'avenir, nommez soigneusement les versions et ajoutez de préférence une description. Par exemple, les détails du projet: itération, l'étape que les changements ont apportée.

Cadres

Ils sont très similaires aux plans de travail de Photoshop mais ont une grande flexibilité - ils sont bien mis à l'échelle et peuvent être facilement utilisés dans d'autres cadres. Les cadres ont des tailles d'appareils installés: téléphones, tablette, ordinateur de bureau, montre, papier, médias sociaux. Donc pas besoin de les tenir dans votre tête et de vous confondre en taille.

fig4.gif (382 KB)

Сітки

Панель Grid Layout дозволяє швидко створити будь-яку сітку. На одному макеті в проекті можна використовувати необмежену кількість сіток. Сітки швидко і гнучко налаштовуються і можуть бути як з фіксованою шириною, так і гумовими, на весь екран. При необхідності сітці можна легко поміняти колір.

fig5.gif (621 KB)

Version bureau

Figma est un service en ligne, c'est-à-dire une application basée sur un navigateur. Mais il existe également une version de bureau. Vous devez être connecté et avoir une connexion Internet permanente pour travailler. Les fichiers peuvent être stockés localement et si nécessaire importés dans la version du navigateur.

Conditionnel gratuit

Figma est libre d'utilisation, avec les limitations majeures suivantes: un maximum de deux éditeurs et un maximum de trois projets, avec un historique de versions de 30 jours. Si vous obtenez serré au taux gratuit, vous pouvez passer à Professional à 12 $ par mois ou à Organisation - 45 $ par mois.

Capacité à travailler avec des graphiques vectoriels

Figma peut gérer non seulement les bitmaps mais aussi les graphiques vectoriels, exporter et importer des solutions prêtes à l'emploi au format SVG. Ce widget est très utile, surtout si vous vous inquiétez des performances de votre projet Web, ce qui peut être très mauvais si vous insérez le mauvais format ou la mauvaise taille.

Possibilité de créer des composants

La conception comporte également des composants et reçoit également la propriété Héritage. Par exemple, vous pouvez créer un bouton standard, puis le "dupliquer" sur tous les plans de travail. Et puis, lorsque le client vient à repeindre tous les boutons à pois roses, tout est décidé en quelques clics.

Connexion du plugin

Figma a beaucoup de plugins de personnalisation, qui sont assez nombreux.

фіг плаг.jpeg (77 KB)

Prototypage

Figma vous permet de créer des prototypes et de les soumettre directement. En substance, il vous permet de construire un prototype interactif et de montrer des interactions entièrement animées.

Commentaires intégrés

Cette fonctionnalité permet à tout utilisateur de commenter les projets sur lesquels vous travaillez. Cela peut être à la fois positif et négatif. Désormais, la possibilité de lire les commentaires directement dans le projet signifie que vous ne manquerez plus de commentaires. Et une fois que vous avez fait des ajustements de conception, vous n'avez pas besoin de recharger votre prototype.

Cependant, l'accès des clients au flux de travail en temps réel présente un inconvénient: ils peuvent voir comment tout est mis à jour lorsque vous travaillez sur le projet. Il existe des moyens de contourner ce problème en créant de nouvelles pages que les clients ne peuvent pas voir, mais cela crée parfois du désordre dans le projet.

Figma en est aux premiers stades de son développement et continue d'introduire activement de nouvelles fonctionnalités. Cependant, ce programme a déjà rassemblé beaucoup de fans et je pense qu'à l'avenir, il gagnera le cœur des utilisateurs.

img Site of the Day AWWWARDS 2020 September 15 – 21 img La quarantaine n'est pas une raison de s'ennuyer img Fonctionnalités et mises à jour de Sketch
img
© 2015-2021 Web4U. Tous droits réservés.
img