DéveloppementPhotoshop vers HTML
Votre design Photoshop intégré en HTML et CSS : une page à partir de votre maquette exportée, avec version mobile
Prixdès 19 €
Figma vers HTMLIntégration de maquette en HTML
Paiement protégéEn savoir plus
- Les retouches prévues par la formule sont gratuites.
- Sans réponse de votre part dans les 3 jours suivant la livraison, le travail est validé automatiquement.
L’argent est réservé au paiement et versé uniquement une fois le travail validé.
Exemple de résultat
Exemple pour la formule Standard
Page d'accueil d'un cabinet dentaire réalisée à partir de sa maquette
Avant : la maquette envoyée par le client
Après : la page fonctionnelle
Fichiers : une archive ZIP avec index.html, les styles et 2 images pour la page, prête à être mise en ligne sur l'hébergement du client. Les images présentées ici sont des captures d'écran de la page.
Client : Bright Smile Dental. Mission : transformer la maquette de la page d'accueil en une page HTML fonctionnelle, avec la même mise en page, les mêmes couleurs et les mêmes textes, et des boutons de prise de rendez-vous qui appellent le cabinet.
Le client et tous les détails sont fictifs.
À propos de ce service
Votre design est prêt dans Figma et vous en avez besoin sous forme de page fonctionnelle. Exportez les frames en PNG en 1x ou 2x et envoyez-les : nous les intégrons en HTML et CSS, avec les mêmes sections, grille, espacements, couleurs et boutons, et du vrai texte au lieu d'une image de texte. Si vous avez une frame mobile, nous la suivons ; sinon, nous réalisons la version mobile à partir de la frame desktop. Nous ne pouvons pas ouvrir les fichiers .fig ni les liens Figma : calques, composants, variantes et liens de prototype ne sont donc pas lus ; tout ce qui n'est pas visible dans l'export, comme les couleurs au survol, va dans le brief. Les photos sont redessinées, sauf si vous les envoyez. Ni animations, ni back-end, ni CMS, ni hébergement.
Ce qui est inclus
- Ce que vous recevezUne archive ZIP avec les pages, les styles et les illustrations, prête à téléverser sur votre hébergement, et un aperçu de chaque page sur la page de la commande.
- Fidèle à vos framesSections, grille, espacements, couleurs et tailles de police tels qu'exportés
- Version mobileD'après votre frame mobile, ou réalisée à partir de la frame desktop
- Du vrai texteTitres et paragraphes en HTML, lisibles par les moteurs de recherche
- Vos images, si vous les envoyezLes photos et icônes exportées séparément sont intégrées telles quelles ; le reste est redessiné
- Un code propreHTML et CSS simples, sans frameworks, rien n'est chargé depuis d'autres sites
Comment ça marche
- 1ExportVous exportez les frames en PNG, les envoyez et notez ce qui n'est pas visible
- 2IntégrationNous intégrons les pages et dessinons les illustrations manquantes
- 3Aperçu et archiveVous comparez les pages à votre design sur ordinateur et sur mobile, téléchargez l'archive et demandez des retouches dans le cadre de votre formule
Ce dont nous avons besoin
Jusqu'à 5 images en PNG, JPEG ou WebP : des frames exportées depuis Figma en 1x ou 2x, une page par fichier, plus, si vous le souhaitez, des photos, illustrations ou votre logo exportés séparément pour être utilisés tels quels. Indiquez quelle frame correspond à quelle page, les noms des polices utilisées, les états au survol ou ouverts non visibles dans l'export, et où mène chaque bouton. Pas de fichiers .fig ni de liens Figma.
Nous vous demanderons :
- Quelle frame correspond à quelle page ?
- Polices du design
- États non visibles dans l'export
- Où mène chaque bouton ?
- Le design vous appartient-il ?
Comparer les formules
| Formules | Essentiel1 frame Figma, jusqu'à 5 sections19 € | Standard1 frame Figma, jusqu'à 10 sections35 € | PremiumJusqu'à 3 frames Figma60 € |
|---|---|---|---|
| Délai | 1 jour | 2 jours | 3 jours |
| Retouches | 1 | 2 | 3 |
| Pages | 1 | 1 | 3 |
| Sections | jusqu'à 5 | jusqu'à 10 | jusqu'à 8 par page |
| Illustrations dessinées pour la page | 2 | 4 | — |
| Version mobile | Oui | Oui | Oui |
| Ce qu'il faut envoyer | Export PNG des frames | Export PNG des frames | Export PNG des frames |
| Illustrations dessinées pour les pages | — | — | 6 |
| Commander Essentiel | Commander Standard | Commander Premium |
Paiement protégé
Vous payez à la commande, mais l’argent n’est versé que pour un travail validé.
- Prix fixeLe prix de la formule ne change pas après le paiement.
- L’argent est réservéAu paiement, le montant est seulement réservé. Il n’est versé à Dleex qu’une fois le travail validé.
- Vérifié avant livraisonChaque résultat passe un contrôle qualité avant de vous parvenir, et vous le voyez sur la page de la commande avant de le valider.
- Retouches gratuitesDemandez des retouches dans le cadre de votre brief autant de fois que la formule le permet.
- Validation au bout de 3 joursSi, dans les 3 jours suivant la livraison, vous n’avez ni validé le travail ni demandé de retouches, il est validé automatiquement. Si vous écrivez dans le chat de la commande après la livraison, la commande est mise en attente ; après notre réponse, nous pourrons relancer le délai de 3 jours et vous le signalerons dans le chat.
- Travail refait ou remboursement intégralSi le résultat ne correspond pas à votre brief et que les retouches n’y ont rien changé, ou si le travail prend plus du double du délai prévu, écrivez dans le chat de la commande : nous referons le travail ou vous rembourserons intégralement.
Questions et réponses
Comment exporter depuis Figma ?
Sélectionnez la frame, ajoutez un réglage d'export dans la section Export du panneau de droite, choisissez PNG en 1x ou 2x et cliquez sur Export. Une page longue peut être une seule frame haute ; les frames très hautes s'exportent mieux en 1x.
Pouvez-vous simplement utiliser mon lien Figma ?
Non, nous travaillons uniquement avec des images envoyées, pas avec des liens ni des fichiers .fig, et nous ne nous connectons pas à vos comptes.
Mes polices seront-elles utilisées ?
Les pages utilisent des polices système proches des vôtres, car rien n'est chargé depuis d'autres sites. Indiquez-nous les noms des polices pour que nous choisissions les plus proches ; vous pourrez ajouter les fichiers de polices web plus tard si votre licence le permet.
Le résultat sera-t-il identique à mon design au pixel près ?
Il sera proche pour la mise en page, les couleurs, les tailles et l'ordre des sections, mais pas au pixel près : les polices sont des polices système similaires, et les photos sont redessinées sauf si vous envoyez les vôtres. Les retouches corrigent ce qui compte pour vous.
Les interactions du prototype fonctionneront-elles ?
Les liens, les boutons et le menu mobile fonctionnent. Les parcours de prototype, overlays, animations et transitions ne font pas partie de ce service.
Vous n’avez pas trouvé la réponse ?
Développement
DéveloppementSketch/XD vers HTML
Votre design Sketch ou XD intégré en HTML et CSS : une page à partir des plans de travail exportés, avec version mobile
Prixdès 19 €
DéveloppementPage d'après une référence de style
Une page en HTML et CSS dans le style d'un site que vous aimez, avec votre propre contenu et une version mobile
Prixdès 19 €
DéveloppementVersion mobile d'après design
Votre design mobile intégré en HTML et CSS : une page d'après vos écrans de téléphone, qui s'ouvre aussi bien sur ordinateur
Prixdès 19 €