Les livrables d’un webdesigner dépendent moins de son statut, indépendant ou studio, que de ce que le devis écrit noir sur blanc. Maquettes, bibliothèque de composants, prototype cliquable, intégration, fichiers sources, documentation, prise en main et retouches après la mise en ligne se nomment, se décrivent et se datent au contrat, avant la signature.
Les livrables d’un webdesigner, base de toute comparaison
Deux propositions titrées « création de site vitrine » peuvent décrire des prestations sans rapport. La première s’arrête sur des écrans validés dans Figma. La seconde se termine sur un site hébergé, que le client édite lui-même et qui reste suivi après son lancement.
Le statut du prestataire renseigne mal sur cet écart. Selon les projets, un webdesigner indépendant monte lui-même ses pages, travaille avec un développeur ou passe la main à un intégrateur choisi avec le client ; un studio produit tout en interne ou confie une brique à l’extérieur. La liste écrite des livrables, elle, engage les deux parties et se compare ligne à ligne.
Un même mot, des contenus très différents
Chaque terme du métier couvre plusieurs niveaux de finition :
- « Maquette » désigne aussi bien un zoning en niveaux de gris qu’un jeu complet d’écrans pour ordinateur et mobile, avec les états des boutons, des champs et des messages d’erreur.
- « Design system » recouvre une simple bibliothèque de composants ou un ensemble documenté avec ses règles d’usage. L’aide de Figma définit la bibliothèque comme une collection de ressources de conception, composants, styles et variables, que d’autres fichiers activent une fois qu’elle est publiée.
- « Prototype » va de deux écrans reliés par un clic à des parcours entiers, testables sur téléphone.
- « Intégration » signifie tantôt des pages montées avec du faux texte, tantôt un site rempli de ses contenus réels, formulaires branchés.
- « Fichiers » renvoie soit à des exports d’images, soit au fichier de travail lui-même, transféré au client.
Trois précisions à exiger pour chaque ligne
Une ligne de devis utile répond à trois questions. Sous quelle forme le livrable arrive-t-il : lien de partage, copie du fichier, dépôt de code, site en ligne ? Sur quel périmètre : nombre d’écrans, de gabarits, de largeurs d’affichage, de tours de corrections ? Avec quels droits : cession écrite, simple autorisation d’usage, ou rien de prévu ?
Ces trois réponses rendent comparables des livrables de webdesign qui, sans elles, se ressemblent sur le papier. Elles protègent aussi le prestataire contre les malentendus de fin de projet : un client qui attendait un fichier modifiable et reçoit un lien en lecture seule, un designer qui pensait remettre des écrans alors qu’une mise en ligne était attendue.
Du fichier Figma au site en ligne : qui remet quoi
Le modèle du studio place sous un même devis la maquette, l’intégration et la mise en ligne, avec une seule équipe qui répond de l’enchaînement. Sparkana, studio de webdesign et de développement tourné vers les TPE et les PME, détaille ce déroulé sur sa page sparkana.fr/webdesigner-avignon, étape après étape : maquettes livrées dans Figma, développement suivi en prévisualisation, mise en ligne, formation à l’outil de gestion des contenus et suivi de trente jours, le code source revenant au client en fin de projet. Ce déroulé publié offre au lecteur un repère précis pour situer chaque livrable dans le temps et savoir à quel moment il change de mains.
Le tableau suivant aligne les deux modèles livrable par livrable, chaque case indiquant ce qu’il reste à faire préciser au devis.
| Livrable | Webdesigner indépendant | Studio |
|---|---|---|
| Maquettes | Écrans, largeurs et tours de corrections à lister | Mêmes points, états des composants compris s’ils sont attendus |
| Bibliothèque de composants ou design system | Souvent incluse si le site compte plusieurs gabarits ; contenu à nommer | Selon le devis : bibliothèque simple ou système documenté |
| Prototype cliquable | Selon le contrat : parcours principaux ou site entier | Selon le contrat ; parcours reliés à énumérer |
| Intégration | À préciser : designer, partenaire ou tiers désigné | Souvent incluse si le devis couvre la mise en ligne ; outil à écrire |
| Fichiers sources | Fichier de travail, ressources, code éventuel : remise à prévoir | Mêmes éléments et accès : remise à prévoir |
| Documentation | À préciser : guide d’édition, inventaire, accès | À préciser, avec la personne qui la tient à jour |
| Prise en main | À prévoir si le client édite lui-même ses pages | Souvent incluse si le prestataire met en ligne ; format à fixer |
| Retouches après mise en ligne | Période à dater, évolutions chiffrées à part | Période à dater, correctifs séparés des évolutions |
Aucune ligne ne départage les deux modèles a priori : une même case peut être remplie ou vide chez l’un comme chez l’autre.
Fichiers sources et cession des droits
Ce que prévoit le Code de la propriété intellectuelle
Le paiement d’une maquette laisse intacts les droits d’auteur de celui qui l’a dessinée. Le Code de la propriété intellectuelle, relu sur Légifrance le 1er novembre 2026, pose le principe en son article L111-1 : la seule création confère à l’auteur d’une œuvre de l’esprit une propriété incorporelle exclusive, et un contrat de louage d’ouvrage conclu par cet auteur ne la remet pas en cause, hors exceptions prévues par le code.
L’article L131-3 encadre la transmission : l’acte de cession des droits nomme séparément chaque droit transmis et précise, pour chacun, jusqu’où va l’exploitation, à quelles fins, sur quel territoire et pour combien de temps. Une formule vague du type « tout appartient au client » y répond mal.
Remettre le fichier Figma, concrètement
Côté support, dans Figma, le créateur d’un fichier en est le propriétaire, et seul le propriétaire en titre transfère ce rôle ; hors des brouillons, le nouveau titulaire doit déjà y collaborer, et l’opération est définitive. La copie locale au format .fig perd l’historique des versions et les commentaires, et ses composants réimportés deviennent de nouveaux composants principaux. Le contrat retient une voie et date la remise des fichiers sources.
Prototype cliquable et recette, deux validations distinctes
Le prototype cliquable se valide avant l’intégration. L’aide de Figma le décrit par ses flux, des cadres reliés par des connexions, chaque flux ayant son propre point de départ ; le prototype se partage en entier ou à partir d’un point de départ choisi. Le devis liste les flux couverts, contact, rendez-vous ou achat, et les largeurs testées.
La recette vient ensuite, sur le site intégré : pages comparées aux maquettes, formulaires, liens, affichage mobile, navigation au clavier. Trois points s’écrivent : qui la conduit, sur quels navigateurs et appareils, et ce qui vaut validation, courriel ou procès-verbal signé. Sinon, correction due et évolution nouvelle se confondent.
Documentation et passation : ce qui reste après le projet
Un site change de mains plusieurs fois : nouvelle recrue, autre prestataire, reprise après une pause. La documentation de passation conditionne ces relais. Un dossier exploitable comprend :
- l’inventaire des gabarits et des composants, avec leurs règles d’usage ;
- un guide d’édition adapté à l’outil retenu ;
- les accès, nom de domaine, hébergement, outil de gestion, ouverts au nom du client ;
- les services tiers branchés au site et leur titulaire ;
- l’emplacement du code et des maquettes.
Sur Webflow, la prise en main porte souvent sur le mode éditeur, celui des personnes chargées des contenus ; les formations à Webflow en présentent les formats.
Quand l’intégration passe à un tiers
Confier l’intégration à un développeur extérieur ajoute la passation de la maquette. Figma y consacre son mode développeur, un espace destiné aux développeurs selon son aide, pour inspecter les maquettes, lire les propriétés et le code généré, télécharger les ressources et comparer les changements. Une maquette préparée pour la conversion facilite ce relais.
Trois points changent au contrat : un arbitre des écarts entre maquette et site, désigné à l’avance ; une recette partagée entre fidélité visuelle et fonctionnement ; deux auteurs, donc deux cessions. L’outil retenu pèse aussi sur toute reprise, comme le montre le comparatif entre Webflow et WordPress.
Sept questions à poser avant de signer
Ces questions valent pour chaque prestataire, studio ou indépendant, et leurs réponses ont leur place au devis de webdesign :
- Quels écrans, quelles largeurs, combien de tours de corrections ?
- La bibliothèque de composants est-elle livrée, sous quelle forme ?
- Quels parcours le prototype couvre-t-il ?
- Qui intègre, avec quel outil, et qui conduit la recette ?
- Quels fichiers sont remis, quand, et quels droits sont cédés par écrit ?
- Que contient la documentation, une prise en main est-elle prévue ?
- Combien de temps durent les retouches, où commence une évolution facturée ?
Prochaine étape : placer chaque réponse reçue dans les huit lignes du tableau ; une case vide désigne la question à reposer. Les critères de choix d’une agence Webflow complètent cette grille.
Livrables de webdesign : questions fréquentes
Un webdesigner indépendant remet-il le fichier Figma en fin de projet ?
Rien ne l’impose par défaut : tout dépend du contrat. Figma offre deux voies, le transfert de propriété du fichier, engagé par son propriétaire actuel, ou une copie locale au format .fig, sans historique ni commentaires. Remettre le support ne vaut pas cession des droits d’auteur, qui se rédige à part. Le devis gagne à préciser la voie retenue et la date de remise.
Quelle différence entre une maquette et un prototype cliquable ?
La maquette montre des écrans figés : mise en page, typographie, couleurs, états des composants. Le prototype relie ces écrans pour simuler la navigation, avec des clics, des transitions et un point de départ défini. Il sert à tester un tunnel de contact ou de réservation avant toute ligne de code. Un devis précis nomme les parcours prototypés, car leur nombre change la charge de travail.
La cession des droits est-elle automatique quand le client paie la maquette ?
Non. Le Code de la propriété intellectuelle, en son article L111-1, laisse ses droits à l’auteur même quand la création répond à une commande payée, sauf exceptions prévues par le code. L’article L131-3 réclame un acte qui mentionne chaque droit transmis et en délimite l’exploitation. Une facture réglée ne tient pas ce rôle : la clause de cession s’écrit au devis ou dans un contrat annexe, pour les maquettes comme pour le code.
Que couvrent les retouches après la mise en ligne ?
Elles couvrent en principe les corrections : défaut d’affichage, lien cassé, formulaire qui n’envoie rien, écart avec la maquette validée. Une nouvelle page, une section supplémentaire ou un changement d’arborescence relèvent plutôt d’une évolution, chiffrée à part. La durée de cette période et le délai de réponse varient selon les prestataires ; ils gagnent à figurer au devis, avec la manière de signaler un problème.