Un design system, ce n’est pas (juste) un UI kit et pourquoi construire un Design System ?

Un design system, ce n’est pas (juste) un UI kit et pourquoi construire un Design System ?

Parpouark

📌 Explorons ici la vraie valeur d’un design system au-delà de la simple cohérence visuelle. Trop souvent réduit à une simple bibliothèque de composants ou confondu avec un UI kit, le design system possède comme j’aimer le decrire, deux facettes d’une même pièce : une Design Library et une Code Library. C’est en réalité un ensemble complet d’assets designés et codés qui encadrent la conception et le développement d’un produit numérique.

SHAPE
|

SHAPE : icons library

Parpouark

📌 SHAPE est une librairie d’icônes paramétrables proposant 28000+ assets très bien réalisés et donc, configurables.
J’ai vu pas mal d’articles et de partage sur cette #librairie, qui a certes un design très soignée, reprend en partie les codes du #Neumorphism , mais qui me semble tout de même limitée …
La version gratuite propose l’export en #PNG uniquement
Et la version payante le #SVG et le #PDF, mais pour un prix de 60$/an … On peut donc se demande s’il n’est pas préférable d’investir dans le NOUN PROJECT : 40$/an ou encore FLATICON (80€/an) qui proposent tout deux plus de 3 Millions d’icones chacun, avec plus de format d’export et des applications et plugins pour tout un tas de logiciel (#Adobe, #Office , #Sketch, #Figma, …)
Qu’en pensez vous ?
#Ressources #cmondary

static1
|

GUIDE : From Sketch / Figma to After Affect

Parpouark

📌 ARTICLE très complet sous forme de guide pas à pas pour créer de petites animations, et micro-intéractions sous after effect après importation des sources Sketch / Figma.
L’idée est simplement d’utiliser les animations sous #AfterEffect pour donner vie à votre interface et montre comment toutes les éléments doivent se comporter et interagir.

NORDEsvgicons

NORDE : collection d’icônes SVG

Parpouark

📌 NORDE est un outil de collection d’icônes et plus généralements de SVGs. Il vous permettra de créer des bibliothèques d’assets graphiques et même d’en éditer les couleurs directement au sein de la biblothèque sans avoir besoin de lancer Sketch ou Illustrator !!!
Merci à @Manuel Dorne (Korben) pour la découverte 😉 #SVG #Librairies #UI #Tools #cmondary

Relay

Relay for figma

Parpouark

📌 RELAY FOR FIGMA est un service en early access très prometteur. Il permet, pour les utilisateurs de Figma de poster directement vos assets dans votre GITHUB, et de voir leur intégration, leur différentes versions Desktop / tablet / mobile, ainsi que leur mise à jour en temps réel.

BRANDY

Brandy

Parpouark

📌 BRANDY est un outil mac vous permettant de gérer, centraliser et synchroniser avec votre équipe l’ensemble des assets constitutifs de votre marque, ou de l’ensemble des chartes clients que vous gérez.