Blocs de construction identiques entre les concepteurs et les développeurs

Depuis longtemps, nous fabriquons des composants primés qui ont permis aux développeurs d'économiser des millions d'heures de programmation. Mais pourquoi ne pas repousser encore plus les limites ? Pourquoi ne pas également avoir un impact sur les autres membres de l'équipe de développement logiciel : les concepteurs, les agents d'assurance qualité, les parties prenantes du produit et de l'entreprise ?

Un à la fois, commençons par les concepteurs. Ces derniers temps, nous avons cuisiné deux choses principales. Si vous ne connaissez pas Figma, c'est le meilleur moment pour le découvrir. Ces derniers temps, ils ont fracassé le monde du design. Nos kits d'interface utilisateur sont essentiellement des composants Web Telerik et Kendo UI conçus pour le concepteur. Ils sont disponibles dans nos trois thèmes : le par défaut et ceux basés sur Bootstrap et Material Design.

Chaque kit se compose de composants et de blocs de construction, correspondant parfaitement aux composants Web de développement correspondants. Ils sont fabriqués avec tous les états et variantes et permettent aux concepteurs de les utiliser dans différents scénarios d'application. Cela signifie que lorsque les concepteurs utilisent ces kits, les conceptions à venir seront créées à l'aide des mêmes composants que vous utilisez. Vous pouvez enfin parler le même langage que votre homologue de conception dès le départ.

Les kits sont construits avec les meilleures pratiques de conception à l'esprit. Tous les styles sont exposés, ainsi que les descriptions des jetons d'utilisation et de conception. Les jetons de conception sont les paramètres nécessaires pour construire et maintenir facilement un système de conception – couleurs, typographie, effets, etc.

Dans Figma, un jeton de conception est représenté sous la forme d'un style nommé. Cette architecture permet de propager des changements globaux. En utilisant des jetons de conception, au lieu de valeurs codées en dur, le système de conception sera flexible, cohérent et maintenable. En termes simples, un changement de valeur sous un jeton se propagera à chaque instance du kit d'interface utilisateur où ce jeton a été utilisé, ce qui vous fera gagner un temps considérable.

Vous pouvez trouver les Kits d'interface utilisateur Telerik et Kendo sur la page Progression de la communauté Figma. Ils sont applicables pour :

Meet Unite UX

Avoir des composants assortis prêts à l'emploi entre les concepteurs et les développeurs est plutôt cool, non ? Mais encore une fois, pourquoi s'arrêter ici ?

Nous savons que beaucoup d'entre vous personnalisent l'apparence et la convivialité de nos composants pour rendre votre système de conception ou votre guide de marque unique. Mais avouons-le, cela peut être une tâche lourde : beaucoup d'ingérence dans le code, dans les deux sens avec le concepteur et la poussée des pixels. Ce n'est plus. Vous pouvez vous libérer de cette tâche banale et passer à des moyens plus significatifs de créer de la valeur pour vos clients et de créer des produits qu'ils adoreront.

Unite UX est là pour vous aider à y parvenir. Unite UX est notre générateur de styles de composants d'interface utilisateur de la conception au développement. Qu'est-ce que ça veut dire? Unite UX vous aide à appliquer des styles issus de la conception sur les composants Kendo UI et Telerik de manière complètement visuelle.

Du côté de la conception, nous intégrons Figma via le plugin Unite UX, où nous permettons aux concepteurs d'exporter le kit d'interface utilisateur prêt et remettre aux développeurs. Vous pouvez démarrer avec les kits d'interface utilisateur Telerik et Kendo pour Figma ou à partir de votre propre fichier.

Ensuite, dans Unite UX. application basée sur le cloud, les développeurs obtiennent la conception exportée et, à l'aide de certains outils intelligents, les appliquent sur les composants. Unite UX est entièrement visuel : vous pouvez comparer côte à côte la conception et le composant codé jusqu'à ce que vous les rendiez identiques à 100 %.

N'oubliez pas non plus les jetons de conception que nous avons mentionnés plus tôt. . Cela signifie que si une valeur sous un jeton est modifiée du côté de la conception et exportée via le plugin Unite UX, cette modification sera appliquée automatiquement sur les composants de développement. Pas de douleur, oui gain. De plus, pas de code. Nous générons l'interface prête à l'emploi de votre bibliothèque d'interface utilisateur que vous n'avez qu'à appliquer sur votre application pour la faire briller avec le look souhaité.

De plus, nous générons également une documentation personnalisée pour votre bibliothèque d'interface utilisateur dans Storybook, remplie de démos, d'extraits de code, de guides d'installation et plus encore. Vous disposez désormais d'un hub central pour tous les composants que votre équipe de développement doit utiliser dans le processus de création d'applications. Une configuration gagnante, facile à collaborer, à faire évoluer et à entretenir.

Unite UX est désormais disponible en version bêta publique. Vous pouvez le consulter et acheter avec une remise de 20 % pendant cette période limitée.

Découvrez Unite UX