FigCraft

Son espace de travail repose sur des plans de travail, des calques et des panneaux de propriétés qui regroupent les principaux réglages graphiques. Vous pouvez y construire vos écrans, organiser les différents éléments et préparer des prototypes pour présenter le fonctionnement d'une interface avant sa réalisation.

Alternative à Figma, la mise en page s'appuie notamment sur un système d'Auto Layout qui ajuste automatiquement la disposition des éléments. Les conteneurs peuvent fonctionner horizontalement ou verticalement, gérer les retours à la ligne et utiliser des grilles. Vous pouvez régler les marges intérieures, les espacements et le comportement des objets selon trois modes : taille fixe, adaptation au contenu ou occupation de l'espace disponible. Des contraintes et des grilles de mise en page complètent ces réglages pour conserver une structure cohérente.

Pour éviter de reconstruire les mêmes éléments sur chaque écran, FigCraft propose un système de composants et de variantes. Un bouton, une barre de navigation ou une carte peuvent ainsi être réutilisés sous forme d'instances, tout en conservant la possibilité de modifier certaines propriétés localement. Les ensembles de composants peuvent comporter plusieurs variantes, avec des propriétés personnalisables. Le logiciel gère également les styles et les variables, notamment pour définir des thèmes clairs et sombres et faire évoluer plusieurs éléments en même temps.

Les outils vectoriels permettent de dessiner des formes avec la plume ou le crayon, de modifier les points d'ancrage et de combiner plusieurs tracés à l'aide d'opérations booléennes. Les contours peuvent recevoir des épaisseurs variables et des angles arrondis. Une fois les écrans terminés, vous pouvez relier les différents éléments pour construire des parcours interactifs. Les prototypes prennent en charge les déclencheurs, les transitions animées et un mode de présentation pour parcourir les écrans comme lors d'une démonstration.

Fig Craft intègre aussi un mode destiné à faciliter le passage de la maquette au développement. Il affiche les dimensions, les mesures et les annotations des éléments sélectionnés, puis peut générer du code correspondant à différentes technologies, notamment CSS, HTML, React, SwiftUI et Compose.

Enfin, les sessions collaboratives permettent à plusieurs personnes de travailler simultanément sur un même fichier, avec synchronisation des modifications, affichage des curseurs et discussion directement sur la zone de travail. Le logiciel réunit ainsi la conception graphique, le prototypage et la préparation des éléments nécessaires à leur intégration.