En tant que designer, plongé dans l’univers du digital depuis 1996, j’ai été témoin de l’évolution fulgurante du web : des premiers navigateurs comme Netscape et Internet Explorer aux géants du numérique tels que Google et Amazon. Mais ce qui m’a le plus marqué, c’est la transformation des outils digitaux !

Dans cet article, nous explorerons l’évolution des logiciels de design depuis 1996, en mettant en lumière des outils emblématiques comme Photoshop, Fireworks, Sketch, Adobe XD et Figma. Chacun d’eux a contribué à façonner le paysage du design numérique, s’adaptant aux besoins des créateurs et aux avancées technologiques.

Evolution des outils depuis 1990

Photoshop (1990)

Bien que Photoshop ait été lancé en 1988, c’est dans les années 90 qu’il a véritablement pris son essor, devenant un outil incontournable pour les designers graphiques.

En 1996, le logiciel a introduit des fonctionnalités avancées telles que les calques, les filtres et des outils de retouche sophistiqués, permettant aux utilisateurs de réaliser des compositions complexes et de manipuler les images avec une précision inégalée. Son interface intuitive et sa grande flexibilité ont rapidement fait de Photoshop une référence non seulement dans le domaine du design graphique et de la photographie, mais aussi dans d’autres secteurs créatifs.

Avec le temps, Photoshop s’est imposé comme un outil polyvalent, adapté aussi bien au print qu’au digital. Il est devenu essentiel pour la conception de supports imprimés (affiches, brochures, mises en page), la création de visuels destinés au web (UI/UX, bannières, visuels pour réseaux sociaux) et même la post-production vidéo, grâce à des fonctionnalités d’animation et de correction colorimétrique. Son évolution constante en fait aujourd’hui un standard pour tous les créateurs de contenu, quel que soit leur domaine.

Fireworks (1998)

J’ai découvert Fireworks en 1998, lorsque Macromedia l’a lancé comme un outil de conception graphique spécialement dédié aux interfaces web. À l’époque, c’était une vraie révolution ! Contrairement aux autres logiciels de design généralistes, Fireworks était pensé pour le web dès sa conception. Il offrait des fonctionnalités uniques comme l’optimisation avancée des images, la possibilité de créer des prototypes interactifs, la gestion des symboles réutilisables et un mélange fluide entre graphisme vectoriel et bitmap.

Grâce à lui, je pouvais travailler bien plus efficacement sur mes projets web, en jonglant entre les outils vectoriels et bitmap sans contrainte. Son interface était bien plus légère et intuitive que celle de Photoshop, qui, à l’époque, était encore perçu comme une véritable usine à gaz pour le design web. Fireworks se démarquait par sa simplicité, sa rapidité et son efficacité, rendant la création d’interfaces bien plus fluide.

Mais ce qui le rendait encore plus puissant, c’était sa complémentarité avec la suite Macromedia, notamment Flash et Dreamweaver. Ce trio permettait aux designers et développeurs de créer des expériences web beaucoup plus immersives et performantes. Fireworks facilitait l’intégration des éléments graphiques dans les animations Flash ou les pages HTML conçues avec Dreamweaver, offrant un workflow optimisé et cohérent.

Malheureusement, avec le rachat de Macromedia par Adobe en 2005, Fireworks a été progressivement mis de côté. Adobe, qui privilégiait déjà Photoshop et Illustrator, n’a jamais réellement cherché à le faire évoluer. Il a survécu quelques années, recevant seulement des mises à jour mineures, avant d’être officiellement abandonné en 2013.

Quand je dis “abandonné en 2013”, cela signifie qu’aucune mise à jour n’a plus été publiée. Cela ne m’a pourtant pas empêché de continuer à travailler avec l’outil pendant encore deux ans, avant d’être finalement contraint et forcé de retourner sur Photoshop.

Une vraie perte pour les designers web de l’époque, qui se sont retrouvés avec des outils bien moins adaptés à leurs besoins spécifiques. Fireworks reste encore aujourd’hui un logiciel culte, et beaucoup de designers ayant travaillé dans les années 2000 gardent un souvenir nostalgique de sa simplicité et de son efficacité inégalée pour le web.

Sketch (2010)

Lorsque Sketch est arrivé en 2010, il a complètement révolutionné le design d’interface ! Contrairement aux outils généralistes comme Photoshop, qui étaient adaptés mais jamais vraiment optimisés pour la conception d’applications et de sites web, Sketch a été pensé dès le départ pour répondre aux besoins des designers UI/UX.

Avec son approche 100 % vectorielle, il offrait une flexibilité inédite pour créer des interfaces précises et modulables. Ses fonctionnalités innovantes comme les symboles, les styles partagés et les plugins ont permis aux designers de concevoir des systèmes de design cohérents et réutilisables, facilitant ainsi le travail en équipe et l’évolution des projets sur le long terme. Plus besoin de multiplier les fichiers ou de bricoler des solutions complexes : Sketch apportait une logique modulaire et efficace au design d’interface.

En plus de cela, son interface épurée et son excellente compatibilité avec d’autres outils du workflow numérique (Zeplin, Abstract, InVision…) en ont fait un favori des designers UI/UX en un temps record. Il s’est rapidement imposé comme l’outil incontournable, au point de remplacer progressivement Photoshop pour la conception d’interfaces digitales.

Mais malgré son essor fulgurant, je n’ai pas pu l’adopter tout de suite… et autant dire que c’était frustrant ! Sketch n’était disponible que sur Mac, et dans l’agence où je travaillais à l’époque, nous étions exclusivement sur PC. Je voyais les autres designers basculer sur cet outil révolutionnaire pendant que je restais bloqué sur des solutions moins adaptées. Une vraie frustration, surtout quand on sait à quel point Sketch simplifiait la vie des designers !

Figma (2015)

Lancé en 2015, Figma a marqué un véritable tournant dans le design collaboratif. Entièrement basé sur le cloud et fonctionnant en mode SaaS, il permet aux équipes de travailler ensemble en temps réel, quel que soit leur emplacement. Grâce à ses fonctionnalités avancées de prototypage interactif, de design vectoriel et de gestion des composants, il s’est rapidement imposé comme un outil incontournable pour les designers modernes.

L’un de ses atouts majeurs est la possibilité de partager facilement des projets, de recueillir des commentaires instantanés et d’itérer rapidement, sans avoir à gérer de multiples versions de fichiers. Cette approche fluide et collaborative a permis à Figma de s’imposer sur le marché, concurrençant directement Sketch et d’autres outils de design.

Notre expérience en tant que bêta-testeurs

Lorsque Figma est arrivé sur le marché en 2015, notre agence a eu l’opportunité d’être bêta-testeur pendant deux ans. Cela nous a permis d’expérimenter et de travailler sur l’outil gratuitement, tout en remontant régulièrement aux développeurs de Figma basés aux États-Unis des suggestions d’améliorations et des problématiques rencontrées.

Contrairement à Sketch, qui était exclusivement disponible sur Mac, Figma fonctionnait aussi bien sur Mac que sur PC. Cette accessibilité universelle a joué un rôle clé dans son essor rapide, lui permettant de rattraper et même dépasser Sketch en quelques années.

Cette expérience me rappelait étrangement mes débuts avec Fireworks… Mais cette fois-ci, on avait misé sur le bon cheval ! Quand on voit l’évolution fulgurante de Figma et son adoption massive par les équipes de design à travers le monde, on ne peut que constater à quel point il a transformé notre façon de concevoir et de collaborer.

L’essor de Figma dans le design collaboratif :

Evolution de Figma par rapport aux concurrents :

Aujourd’hui, Figma est devenu la référence incontournable du design d’interface et de la collaboration en temps réel. Adopté par des milliers d’entreprises et d’équipes de design à travers le monde, il s’est imposé comme l’outil central des designers UI/UX, des développeurs et des chefs de projet. Son approche 100 % cloud continue de séduire, permettant un travail fluide et collaboratif sans contrainte de plateforme ou d’installation.

Avec des fonctionnalités toujours plus poussées – comme les variables, les mises en page dynamiques, l’intégration avancée avec les outils de développement et les capacités de prototypage améliorées – Figma ne cesse d’innover pour répondre aux exigences des professionnels du digital. Le rachat de l’outil par Adobe en 2022 a soulevé des interrogations sur son avenir, mais pour l’instant, Figma reste indépendant et continue d’évoluer à son propre rythme.

Sa communauté active, ses nombreux plugins et son écosystème en expansion en font aujourd’hui bien plus qu’un simple logiciel de design : c’est un véritable hub collaboratif qui redéfinit la façon dont les équipes conçoivent et développent des produits numériques.

 

Adobe XD (2016)

Lancé en 2016, Adobe XD avait pour ambition de répondre à la demande croissante de solutions dédiées au design d’expérience utilisateur. À une époque où les designers jonglaient avec plusieurs outils pour le wireframing, le prototypage et la collaboration, Adobe proposait une solution tout-en-un, intégrée à son écosystème créatif.

Les atouts d’Adobe XD

Adobe XD a rapidement séduit grâce à plusieurs fonctionnalités clés :

Prototypage interactif : Une approche fluide pour créer des expériences dynamiques sans passer par du code.

Collaboration en temps réel : Un mode coédition permettant aux équipes de travailler simultanément sur un même fichier.

Intégration avec la suite Adobe : Une compatibilité native avec Photoshop, Illustrator et d’autres outils créatifs, facilitant le workflow des designers.

Avec ces innovations, XD s’est positionné comme une alternative sérieuse aux outils établis comme Sketch.

Une concurrence accrue avec l’essor de Figma

Malgré ses qualités, Adobe XD a rapidement dû faire face à la montée en puissance de Figma. De plus, il a pris beaucoup de retard dans son développement, étant resté en version BETA pendant 4 ans. Cette période d’attente a permis à des concurrents comme Figma de prendre de l’avance et de le distancer.

Quel avenir pour Adobe XD ?

En 2022, Adobe a annoncé le rachat de Figma pour 20 milliards de dollars, soulevant de nombreuses questions sur l’avenir d’Adobe XD. Si cette acquisition est validée, elle pourrait signifier la fin du développement actif de XD au profit de Figma.

Bien que XD reste fonctionnel et toujours utilisé par certaines équipes, il est clair que l’écosystème du design d’interface s’est largement tourné vers Figma.

Conclusion

L’évolution des outils digitaux depuis 1996 témoigne de l’innovation constante dans le domaine du design. Chaque outil a apporté des solutions uniques aux défis rencontrés par les designers, tout en s’adaptant aux nouvelles technologies et aux besoins des utilisateurs. Aujourd’hui, des outils comme Figma continuent de redéfinir la manière dont les designers collaborent et créent, ouvrant la voie à de nouvelles possibilités dans le monde du design numérique.

On peut dire que Figma a distancé tous ses concurrents et est devenu un outil de référence, indispensable pour tout designer.

 

 

Fabien de Gezelle, UI Designer chez UX-Republic