Figma, c'est quoi : l'outil de design d'interfaceVotre site, dessiné avant d'être construit.

Figma est l'outil de référence pour dessiner les sites et les applications : maquettes, design system, prototypes, le tout dans le navigateur et à plusieurs. Chez MuratDesigns, à Strasbourg, chaque site y est dessiné et validé avant d'être construit sur Webflow ou Shopify.

Nos réalisations dessinées sur Figma

Dessinés avant d'être construits.

Site WebflowStrasbourg, France
Centre de Cardiologie Pédiatrique Strasbourgeois
L'identité et le site dessinés ensemble sur Figma pour un centre de cardiologie pédiatrique.

Maquettes ordinateur et mobile validées avec les médecins, puis construites sur Webflow.

Boutique ShopifySion, Suisse
Odyssée Academy
Un thème Shopify dessiné sur mesure pour un centre de performance.

Boutique, plannings et abonnements : chaque écran maquetté sur Figma avant le développement.

Site WebflowSélestat, France
Greencub
Une refonte au design affirmé pour une agence du vin alsacien.

Un système de composants dessiné une fois sur Figma, décliné sur toutes les pages du site.

Boutique ShopifyAlsace, France
DS Wood
Une boutique repensée pour des planches à découper en bois de bout.

La direction artistique posée sur Figma, puis une boutique Shopify construite à l'identique.

Roger AUTAA
Un réseau national de menuiserie, présenté projet par projet.

Accueil, solutions et fiches concessionnaires : un parcours testé sur prototype avant d'être construit.

Boutique ShopifyLibourne, France
Maison Charmeilles
Un lieu de vie hybride, dessiné pour lui sur Figma.

Agenda, boutique de créateurs et réservations, sur un thème Shopify sur mesure.

Votre site ?
Et vous ?
Le prochain site de cette liste, c'est peut-être le vôtre.

Parlez-nous de votre activité : on vous dit ce qu'on ferait, sans jargon.

Voir le projet
À quoi sert Figma

À quoi sert Figma :
dessiner, tester, valider.

Des maquettes écran par écran

Chaque page dessinée en version ordinateur, tablette et mobile, avant qu'une ligne de code existe.

Un design system

Couleurs, typographies, boutons, cartes : des composants qu'on modifie une fois, et tout le site suit.

Des prototypes cliquables

On relie les écrans : on clique, on passe à la page suivante, on teste le parcours comme sur le vrai site.

Collaborer en direct

Dans le navigateur, sans rien installer : vous commentez à l'endroit exact, on corrige, et on valide ensemble.

Figma ou un autre outil ?

Figma n'est pas fait
pour tout dessiner.

Figma est l'outil de référence pour dessiner des interfaces. Pour d'autres besoins, un autre outil fait mieux l'affaire, et on vous le dit.

Notre outil de design

Figma, si…

  • Vous concevez un site ou une application, écran par écran.
  • Plusieurs personnes doivent voir, commenter et valider la maquette.
  • Vous voulez des composants réutilisables, cohérents d'une page à l'autre.
  • Le design doit passer fidèlement au développement.
Selon votre besoin

Plutôt un autre outil, si…

  • Vous préparez un visuel pour les réseaux sociaux : Canva suffit.
  • Vous retouchez des photos : c'est le travail de Photoshop.
  • Vous voulez un outil libre, hébergé chez vous : regardez Penpot.
  • Vous dessinez seul, hors ligne, sur Mac : Sketch reste une option.

Vous n'avez pas besoin de connaître Figma : on dessine, vous ouvrez un lien et vous commentez.

Nos sites vitrines
De Figma au site en ligne

Ce que vous validez,
c'est ce qui sort.

Figma dessine, il ne publie pas un site complet. Une fois la maquette validée, on la construit à l'identique sur Webflow pour un site vitrine, ou sur Shopify pour une boutique.

Ce qui passe de la maquette au site
  • Couleurs et typographies
  • Composants et variantes
  • Mise en page mobile
  • Animations et interactions
La page d'accueil du site de Leviotec, en ligne

Leviotec, cybersécurité industrielle : la maquette validée sur Figma, puis le site construit sur Webflow.

Comment ça se passe

Quatre étapes,
zéro surprise.

Vous n'avez pas besoin de vous y connaître. On vous guide à chaque étape, et vous validez avant qu'on passe à la suivante.

01

On fait le point

Un premier échange sur votre activité, vos clients et ce que votre site doit faire. On organise les pages ensemble.

Vous : un appel
02

On dessine sur Figma

Vous voyez votre site avant qu'il soit construit, sur ordinateur et sur mobile, et vous commentez directement la maquette.

Vous : vous validez
03

On construit à l'identique

Sur Webflow ou sur Shopify, on reproduit la maquette validée, ses animations et le contenu que vous gérerez vous-même.

Vous : vos textes et vos photos
04

On met en ligne

On vérifie tout, on vous transfère le site et on vous montre comment le faire vivre.

Vous : votre site est en ligne

Nos avis clients

Anne C.
Cofondatrice de MyCarWash et CWS by JRS
Yann A.
Co-fondateur de Odyssée Académy
Alexandra & Samuel
Fondateurs de O'ktav Prod
Romain L.
Fondateur de la brasserie artisanale GameOverBrewingCo
Benjamin R.
Fondateur de S'Cours & Proodos
Furkan G.
Fondateur du salon Studio FG
Questions fréquentes

Ce qu'on nous demande sur Figma.

Une autre question ? Posez-la nous directement, on vous répond simplement.

Figma, c'est quoi ?
À quoi sert Figma ?
Comment fonctionne Figma ?
Qu'est-ce qu'une maquette Figma ?
Figma est-il gratuit ? Combien coûte-t-il ?
Peut-on créer un site directement avec Figma ?
Figma, Sketch, Adobe XD ou Canva : lequel choisir ?
Dois-je installer Figma pour suivre la maquette de mon site ?
Le site final ressemblera-t-il vraiment à la maquette ?
Vous dessinez des maquettes Figma pour des clients à Strasbourg ?