Nos outils changent vite. Et avec eux, ce n’est pas seulement notre façon de travailler qui évolue : c’est aussi ce qu’on peut vous montrer, et à quel moment du projet.
Figma, l’outil sur lequel on conçoit toutes nos maquettes, en est le meilleur exemple. En effet, en quelques années, il est passé d’un logiciel de dessin d’interfaces à un véritable espace de travail partagé. Aujourd’hui, designers, développeurs et clients s’y retrouvent pour collaborer. Ainsi, lors de sa conférence annuelle Config 2026, Figma a encore élargi ses possibilités, notamment avec l’IA. On a voulu vous raconter, simplement et sans jargon, ce que ces évolutions changent concrètement pour vos projets.
Figma est l’outil de conception d’interfaces de référence utilisé par la majorité des agences et équipes produit dans le monde. Il permet de créer des maquettes, des prototypes interactifs et des design systems dans un espace collaboratif en ligne, accessible à toute l’équipe en temps réel.
Commençons par l’essentiel : on aime notre métier. Chaque projet qu’on vous livre est pensé et dessiné par nous, pour coller à votre entreprise, à vos utilisateurs et s’adapter à vos contraintes. Ce travail sur-mesure, c’est ce qu’on sait faire de mieux. En d’autres termes, ce n’est pas quelque chose qu’on a envie de déléguer à une machine.
Pourquoi ? Parce qu’une interface réussie, ce n’est pas juste une interface jolie. C’est en effet une interface qui vous ressemble et qui répond aux vrais besoins de ceux qui l’utilisent. Ça demande de l’écoute, du dialogue et un regard humain, et ça, aucun outil ne peut le remplacer.
Pendant longtemps, une maquette était une image figée. Pour montrer comment un menu s’ouvre, comment un bouton réagit au clic ou comment une page s’enchaîne à la suivante, il fallait expliquer avec des mots ou attendre le développement pour le découvrir.
La timeline d’animation Figma Motion : des keyframes précises, comme sur un logiciel de montage vidéo.
Désormais, on conçoit des animations précises directement dans nos maquettes : une transition fluide entre deux écrans, un effet au survol, un élément qui attire doucement l’œil. Avec Figma Motion, on dispose ainsi d’une vraie timeline d’animation, proche d’un logiciel de montage vidéo.
Pour vous, ça change beaucoup. En effet, vous ne validez plus seulement un visuel, vous validez une expérience. Vous voyez comment votre site va réellement se comporter avant qu’une seule ligne de code soit écrite. Et ce sont souvent ces petits détails de mouvement qui donnent à une interface son caractère et sa cohérence.
Dans une agence, le design et le développement sont deux métiers différents, avec leurs outils et leur langage. Entre les deux, il y a longtemps eu des pertes en route : une marge qui change, une animation simplifiée, un détail oublié lors du passage de la maquette au site.
Le Dev Mode Figma : mesures, couleurs et textes accessibles directement par les développeurs, sans perte d’information.
Aujourd’hui, cet écart se réduit nettement. Nos développeurs accèdent directement aux maquettes pour récupérer mesures, couleurs et textes. Par ailleurs, Figma va encore plus loin en permettant d’intégrer du vrai code dans l’espace de conception, là où designers et développeurs travaillent côte à côte.
Chez Dedi, nos intégratrices donnent leur avis dès les premières maquettes, les designers comprennent mieux les contraintes techniques, et tout le monde parle le même langage. En conséquence, le site livré ressemble à ce que vous avez validé.
Un site n’est jamais figé. Vous ajouterez des pages, des fonctionnalités, peut-être une nouvelle offre dans deux ans. C’est pourquoi on ne dessine pas seulement des écrans : on construit une bibliothèque de briques réutilisables, appelée design system. Concrètement, boutons, formulaires, cartes, couleurs, typographies… tout est défini une fois et réutilisé partout.
Figma permet aujourd’hui de gérer ces bases finement, jusqu’aux déclinaisons de thèmes ou de marques. Ainsi, votre site reste cohérent d’une page à l’autre, et ses évolutions futures coûtent moins cher.
Il nous arrive de nous tromper. Une idée qui paraissait brillante le matin tombe à plat l’après-midi. Ça fait partie du travail.
Ce qui a changé, c’est la vitesse à laquelle on s’en rend compte. En effet, on peut aujourd’hui transformer une idée en prototype cliquable très rapidement, le faire tester, et voir tout de suite si ça tient la route. Si ce n’est pas le cas, on le sait en quelques heures, et non en quelques semaines.
Notre démarche reste la même : on explore, on teste, on ajuste. Simplement, les allers-retours sont plus courts. Et surtout, chaque erreur repérée tôt, c’est une erreur qui ne vous coûtera rien au moment du développement.
Elle a sa place, mais une place bien définie. On l’utilise notamment pour les tâches répétitives et sans enjeu créatif : organisation de fichiers, renommage de calques, structuration. Ce qui nous prenait des heures se fait désormais en quelques minutes.
Par ailleurs, depuis la mise à jour Config 2026, Figma a repoussé les limites de l’animation et de l’interaction dans ses prototypes, assisté par IA. Et en tout début de projet, elle nous permet de vous montrer rapidement quelques pistes visuelles : des ambiances, des structures… pour vous aider à vous projeter.
Ensuite, on reprend la main. En d’autres termes, la maquette qu’on construit pour vous, on la dessine nous-mêmes, à partir de ce que vous nous avez confié.
Animation, code, IA : nos outils nous offrent plus de possibilités que jamais. Pourtant, aucun d’eux ne connaît votre histoire, vos clients, ni ce qui rend votre entreprise unique. Aucun ne sent quand une couleur est « presque » juste. Aucun ne pose la question qui change tout lors d’un atelier.
Comprendre vos besoins, faire des choix, défendre une idée ou au contraire l’abandonner, tout ça reste notre travail. Et c’est ce qu’on préfère dans notre métier.
Alors oui, nos outils évoluent, et on les suit de près. On teste, on garde ce qui nous aide vraiment, on laisse de côté ce qui n’apporte rien. Mais en définitive, notre façon de travailler reste la même : avec vous, avec soin, et à la main.
Figma est l’outil de conception d’interfaces de référence utilisé par la majorité des agences et équipes produit dans le monde. Il permet de créer des maquettes, des prototypes interactifs et des design systems dans un espace collaboratif en ligne, accessible à toute l’équipe en temps réel.
Figma Motion est la fonctionnalité d’animation de Figma qui permet de concevoir des animations précises directement dans les maquettes : transitions fluides entre écrans, effets au survol, timeline d’animation. Elle permet aux clients de valider une expérience animée avant que le développement ne commence.
Le Dev Mode Figma est un espace dédié aux développeurs qui leur permet d’accéder directement aux maquettes pour récupérer mesures, couleurs et textes. Il réduit ainsi les pertes d’information entre le design et le développement, et garantit que le site livré ressemble à ce qui a été validé.
Un design system est une bibliothèque de briques réutilisables : boutons, formulaires, cartes, couleurs, typographies. Tout est défini une fois et réutilisé partout sur le site. Il garantit en conséquence la cohérence visuelle d’une page à l’autre et réduit le coût des évolutions futures.
Oui, mais avec une place bien définie. On l’utilise pour les tâches répétitives et sans enjeu créatif : organisation de fichiers, renommage de calques, structuration. Depuis Config 2026, Figma a également intégré l’IA dans ses fonctionnalités d’animation et de prototypage. La maquette finale reste toutefois toujours dessinée par nos designers, à partir de ce que vous nous avez confié.
Oui. Dedi est une agence Shopify basée à Lyon qui accompagne les entreprises dans la création et la refonte de leurs sites e-commerce, avec une approche centrée sur le design, l’UX et la performance. Contactez-nous pour en discuter.
Vous avez un projet en tête ? Parlons-en.
Commerce agentique : Dedi, Shopify et BotRank se retrouvent à Lyon le 19 novembre Le…
Première commande, deuxième achat : Dedi organise un webinar avec Shopify et Brevo le 17…
Shopify Editions Automne 2026 : ce que les 150+ nouveautés changent pour votre boutique Deux…
E-commerce B2B en 2027 : chiffres, spécificités et comment se lancer Le commerce en ligne…
Le Shopify AI Toolkit branche les assistants IA sur la doc, les API et les…
Q4 e-commerce en France : le guide complet des temps forts 2026 Le quatrième trimestre…