Poser la question “quelle est la première version de blocs XD” revient en réalité à s’interroger sur l’apparition des composants réutilisables dans Adobe XD, ce logiciel de design d’interface lancé par Adobe pour concurrencer Sketch et Figma. Le terme “blocs” ne figure pas officiellement dans le vocabulaire d’Adobe XD : il désigne dans la pratique les Symbols, ancêtres des composants actuels utilisés pour construire des design systems cohérents.
Qu’est-ce qu’Adobe XD et son système de blocs
Adobe XD est né sous le nom de code “Project Comet” avant de rejoindre officiellement l’écosystème Adobe et la Creative Cloud sous une version beta publique en mars 2016 (si vous cherchez plutôt une alternative à Photoshop pour retoucher vos photos, d’autres logiciels Adobe méritent aussi le détour). L’objectif était clair : proposer un outil unique capable de gérer à la fois le design d’interfaces UX/UI et le prototype interactif, sans jongler entre plusieurs logiciels. Très vite, les designers ont réclamé une fonctionnalité pour éviter de recréer les mêmes boutons, icônes ou menus à chaque écran : c’est là qu’interviennent les fameux blocs réutilisables.
La première version avec blocs réutilisables
La réponse précise à la question posée : les blocs réutilisables, sous le nom de Symbols, ont été intégrés à Adobe XD lors de la mise à jour d’octobre 2016, alors que le logiciel était encore en version beta pour Mac. Cette version marque le vrai tournant dans l’histoire des versions du logiciel, puisqu’elle introduit pour la première fois un mécanisme permettant de dupliquer un élément graphique tout en gardant un lien actif entre toutes ses copies.
Version et date de sortie
Techniquement, il s’agit de la mise à jour d’Adobe XD CC (Preview) publiée en octobre 2016, quelques mois après le lancement de la version beta initiale de mars 2016. Cette période correspond au moment où Adobe a commencé à enrichir le logiciel de fonctionnalités attendues par les professionnels du design, dans une logique de mise à jour rapide et de retours utilisateurs constants.
Fonctionnalités initiales des blocs
Dans cette première mouture, les Symbols permettaient de transformer n’importe quel groupe d’éléments (un bouton, une carte, un logo) en objet maître. Toute modification apportée à ce maître se répercutait automatiquement sur l’ensemble de ses instances placées dans le document. C’était rudimentaire comparé aux composants d’aujourd’hui : pas de variantes, pas de propriétés modifiables individuellement, mais l’idée fondatrice du design system était posée.
Le repère chronologique à connaître
Mars 2016 : lancement de la version beta d’Adobe XD. Octobre 2016 : arrivée des Symbols, premiers blocs réutilisables. 2017 : ajout du Repeat Grid et amélioration du prototype interactif.
Évolution du système de blocs dans Adobe XD
Une fois les Symbols posés comme base, Adobe a multiplié les mises à jour pour rendre le système plus flexible. En 2017, l’arrivée du Repeat Grid a permis de dupliquer des blocs en grille tout en gardant la possibilité de personnaliser chaque occurrence, une avancée majeure pour créer rapidement des listes ou des galeries. Les années suivantes ont vu l’intégration progressive des Design Specs, du partage de prototype en ligne, puis des composants avec états (states) qui simulent des interactions comme le survol ou le clic.
Cette évolution reflète la trajectoire générale de l’écosystème Adobe : passer d’un outil expérimental à une plateforme mature, intégrée à Creative Cloud, capable de rivaliser avec des concurrents comme ceux évoqués dans notre comparatif sur l’alternative à Canva pour vos créations visuelles, qui avaient une longueur d’avance sur les composants réutilisables. Chaque nouvelle version a cherché à combler l’écart tout en gardant la promesse initiale d’un logiciel léger et rapide, contrairement à des outils plus lourds à l’époque.
Différence avec les symboles et composants actuels
Les Symbols de la première heure et les composants actuels d’Adobe XD n’ont plus grand-chose en commun sur le plan fonctionnel, même si le principe de base reste identique. Les composants modernes acceptent des variantes multiples, des propriétés de superposition, des interactions liées au prototype, et s’intègrent directement dans des bibliothèques partagées entre plusieurs fichiers ou plusieurs équipes.
Voici les principales différences entre les deux générations de blocs :
- Les premiers Symbols ne géraient qu’un lien simple entre maître et instances, sans personnalisation possible.
- Les composants actuels permettent de modifier le texte ou la couleur d’une instance sans casser le lien avec l’original.
- Les bibliothèques partagées (Creative Cloud Libraries) ont été ajoutées plus tard pour diffuser un même bloc entre plusieurs projets.
- Les états interactifs (hover, clic, drag) n’existaient pas dans la version initiale de 2016.
Ce chemin parcouru illustre bien la logique de fonctionnalité par fonctionnalité qu’Adobe a suivie plutôt que de tout livrer d’un coup. Certains y voient une stratégie prudente pour tester chaque nouveauté auprès des utilisateurs actifs de la version beta avant de la généraliser.
Retenir la réponse à la question initiale reste simple : la première version de blocs réutilisables dans Adobe XD correspond à l’introduction des Symbols en octobre 2016, quelques mois après le lancement public du logiciel. Tout ce qui a suivi, du Repeat Grid aux composants avec variantes, constitue un raffinement progressif de cette idée fondatrice, jusqu’à faire d’Adobe XD un outil de référence pour construire des design systems complets, avant que son développement ne soit officiellement arrêté par Adobe au profit d’autres solutions de l’écosystème.
