Il y a quelques années, on redoutait d’apporter des modifications sur les maquettes. C’était une opération fastidieuse, un vrai parcours du combattant pour changer la couleur de l’ensemble des boutons sur les maquettes 😱 Heureusement, Figma est venu révolutionner le design d’interface 🚀 Pourquoi Figma fonctionne aussi bien d’ailleurs ? 🤔 La réponse tient en deux mots : atomic design.
Continuer la lectureÉtiquette : atomic design
Bootstrap vs Tailwind : comprendre les différences entre ces frameworks CSS
UI designer, vous avez sûrement déjà assisté à des débats enflammés entre devs à propos de Bootstrap et Tailwind 🤓 Pourquoi y-a-t-il débat exactement ? 🤔 Tout est une question d’approche ! Dans cet article, nous allons passer en revue les différences essentielles entre ces deux frameworks.
Continuer la lecture
Style guide vs design system, quelles différences ?
Si vous êtes un UI designer ou que vous étudiez le design d’interface, il y a de fortes chances que vous ayez déjà entendu parler de « style guide » et de « design system ». Ces deux concepts jouent un rôle essentiel dans la création d’interfaces utilisateur mais leur distinction et leur utilité peuvent parfois prêter à confusion. Quelle différence existe-il entre ces deux concepts ? Sont-ils complémentaires ? 🤔 Dans cet article, nous allons examiner de près les trois différences essentielles entre ces supports.
Continuer la lecture