# Inspirations et Tendances Design

![ Collage de plusieurs sites Web de finance et de technologie financière présentant les tendances de design de 2026 : minimalisme, typographie épurée, photographie humaine et expérience utilisateur haut de gamme.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6914bb249706c9e826b9eb98_tendances-2026-design-site-finance.jpg)DocumentationDesignTout voir

### Tendances design 2026 pour les sites web de finance

[Tendances design 2026 pour les sites web de finance](/fr/blog/tendances-design-2026-pour-sites-web-finance)Tendances design 2026 pour les sites web de finance![Illustration futuriste avec une porte ouverte éclairée en bleu et le texte “CRO 2025”, symbolisant les opportunités d’optimisation de la conversion à venir.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/68c3f6e71a214f60cdff7431_main-cro-2025%20(1).jpg)DocumentationDesignTout voir

### Le guide complet du CRO en 2026 : méthodes, outils et leviers pour booster vos conversions

[Le guide complet du CRO en 2026 : méthodes, outils et leviers pour booster vos conversions](/fr/blog/guide-complet-cro)Le guide complet du CRO en 2026 : méthodes, outils et leviers pour booster vos conversions![Aperçu visuel de plusieurs typographies modernes utilisées sur le web en 2026, chacune présentée sur une image de fond inspirante : Editorial New, DM Serif Display, Aeonik, SF Pro Rounded, Rader, Champ, Monument, Canicule, Clash Display, Supply, Agrandir, et d’autres — une composition graphique mettant en avant la diversité typographique.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/684fd5412e966c619e803c70_opengraph%20(1).jpg)DocumentationDesignTout voir

### Les 20 meilleures typographies pour un site web moderne et impactant en 2026

[Les 20 meilleures typographies pour un site web moderne et impactant en 2026](/fr/blog/20-meilleures-typographies-pour-site-web-moderne-et-impactant-2025)Les 20 meilleures typographies pour un site web moderne et impactant en 2026![Logo Jitter sur fond noir et violet](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6793551faf76dce347f3b34c_jitter-og%20(1).jpg)DocumentationDesignTout voir

### Jitter, le Figma du Motion Design

[Jitter, le Figma du Motion Design](/fr/blog/jitter-le-figma-du-motion-design)Jitter, le Figma du Motion Design![Représentation visuelle de sites web et des tendances du webdesign](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6785f843c39e22b1d7798f59_webdesign-trends%20(1).jpg)DocumentationDesignTout voir

### Les 5 tendances du webdesign en 2026

[Les 5 tendances du webdesign en 2026](/fr/blog/5-tendances-webdesign-2025)Les 5 tendances du webdesign en 2026![Vue d'une maquette UI Relume sur fond beige avec la un bouton Style Guide Beta et gradients violet.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6759be98f88f7bb91f371dd0_673474d9a521c0cf55b74fb2_style-guide-builder-ai-relume.jpeg)NewsDesignTout voir

### Cet outil de génération de Style Guide avec IA pourrait remplacer un designer ?

[Cet outil de génération de Style Guide avec IA pourrait remplacer un designer ?](/fr/blog/outil-generation-style-guide-avec-ia-remplace-un-designer)Cet outil de génération de Style Guide avec IA pourrait remplacer un designer ?![Photo de Yann, Pierre, Océane lors du podcast sur le design à l'ère numérique](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/677650943cd57cac79752211_open-graph-itv-bellot.jpg)DocumentationDesignTout voir

### Le design à l’ère du numérique : évolution, culture UI, et transmission aux nouvelles générations

[Le design à l’ère du numérique : évolution, culture UI, et transmission aux nouvelles générations](/fr/blog/design-ere-numerique-evolution-culture-ui-transmission-nouvelles-generations)Le design à l’ère du numérique : évolution, culture UI, et transmission aux nouvelles générations![Image de l'interface Figma Slide avec les logos PowerPoint, Prezi, Canva à côté](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710c74f9b7a34d786455079_66bb365ba545ab1007b143cd_main-figma-slides-alternative-powerpont-canva-prezi.jpeg)NewsDesignTout voir

### Figma Slides le nouvel outil pour créer des présentations : alternative à PowerPoint Prezi et Canva

[Figma Slides le nouvel outil pour créer des présentations : alternative à PowerPoint Prezi et Canva](/fr/blog/figma-slides-nouvel-outil-creer-presentations-alternative-powerpoint-prezi-canva)Figma Slides le nouvel outil pour créer des présentations : alternative à PowerPoint Prezi et Canva![Figma Zip Export](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710ccaa1c99392a2d7cbfab_6695392ea69a2e72e7098b8d_figma-zip-export.jpeg)DocumentationDesignTout voir

### Pourquoi Figma exporte mes fichiers en format zip ?

[Pourquoi Figma exporte mes fichiers en format zip ?](/fr/blog/pourquoi-figma-exporte-mes-fichiers-en-format-zip)Pourquoi Figma exporte mes fichiers en format zip ?![Affiche des nouveautés de la config 2024 Figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710cd1b941d9a8a02950d3d_667ee48962b303e63f94c5f3_config-2024-news.jpeg)NewsDesignTout voir

### Les nouveautés de la Config 2024 : Un aperçu complet

[Les nouveautés de la Config 2024 : Un aperçu complet](/fr/blog/nouveautes-config-2024)Les nouveautés de la Config 2024 : Un aperçu complet![Fonts Sport Events 2024](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710ccf13f59cca7a081115b_668669f443d64b6634a2ae8b_thumbnail-fonts-sport-event-2024.jpeg)DocumentationDesignTout voir

### Les typographies des grands événements sportifs de 2024

[Les typographies des grands événements sportifs de 2024](/fr/blog/typographies-grands-evenements-sportifs-2024)Les typographies des grands événements sportifs de 2024![Photo de la Figma Watch Party de Paris à l'occasion de la Config 2024, avec les logos de Digidop, Flomodia, UX Republic, et Friends of Figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710f8f2dae41db74e52b65f_667d74e7f0b4fcdbe71fcf8c_config-2024-figma-watch-party-paris.jpeg)EvénementsDesignTout voir

### Figma Watch Party Paris | Config 2024

[Figma Watch Party Paris | Config 2024](/fr/blog/figma-watch-party-paris-config-2024)Figma Watch Party Paris | Config 2024![5 Free Modern Fonts - 06/2024](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710f9184207c1cae56b6b00_6655d54352714b6ea682286c_thumbnail-5-free-modern-fonts-june-2024.jpeg)DocumentationDesignTout voir

### 5 Polices / Fonts Modernes Gratuites - Juin 2024

[5 Polices / Fonts Modernes Gratuites - Juin 2024](/fr/blog/5-polices-modernes-gratuites-juin-2024)5 Polices / Fonts Modernes Gratuites - Juin 2024![Mignature des meilleurs ressources de design avec un badge jaune top 2024 et une image d'un bureau en fond](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710fa382a9f518b59f3f467_664b48583e391d5c011051b3_ressources-design-2024.jpeg)DocumentationDesignTout voir

### Top ressources pour devenir Web Designer Pro en 2024

[Top ressources pour devenir Web Designer Pro en 2024](/fr/blog/top-ressources-devenir-web-designer-pro-2024)Top ressources pour devenir Web Designer Pro en 2024![Plusieurs thumbnails de chaînes youtube sur figma et le webdesign avec un logo youtube](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710feeccbbea01ff819819c_66103b2e109e903891c7edca_chai%25CC%2582nes-youtube-figma-2024.jpeg)NewsDesignTout voir

### Les 6 chaînes YouTube à suivre en 2024 pour apprendre Figma

[Les 6 chaînes YouTube à suivre en 2024 pour apprendre Figma](/fr/blog/6-chaines-youtube-suivre-2024-apprendre-figma)Les 6 chaînes YouTube à suivre en 2024 pour apprendre Figma![nouveau logo décathlon sur un iceberg](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6710ff19c9e2ec8b39ee2e5c_65f520dadc59c77203e0d40b_rebranding-d%25C3%25A9cathlon-nouveau-logo.jpeg)NewsDesignTout voir

### Un nouveau logo pour Decathlon : La partie émergée de l'iceberg ?

[Un nouveau logo pour Decathlon : La partie émergée de l'iceberg ?](/fr/blog/nouveau-logo-pour-decathlon-partie-emergee-de-liceberg)Un nouveau logo pour Decathlon : La partie émergée de l'iceberg ?![Image d'annonce de l'événement Figma avec Digidop sur Paris](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711004d18d4ceb2634cc361_65e04515287a957252b45d7a_event-friends-of-figma-paris-digidop.jpeg)NewsDesignTout voir

### Comment briser les barrières Marketing / Design / Développement pour de meilleurs performances web ?

[Comment briser les barrières Marketing / Design / Développement pour de meilleurs performances web ?](/fr/blog/comment-briser-barrieres-marketing-design-developpement-meilleurs-performances-web)Comment briser les barrières Marketing / Design / Développement pour de meilleurs performances web ?![Logo Weglot, Figma, et Webflow avec des nouveaux Switchers de langues pour site web](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671102d5bfa41418097e814c_659d1388e4c3a342f0d4b965_switcher-weglot%2520(1).jpeg)NewsDesignTout voir

### Digidop collabore avec Weglot pour le Design de nouveaux Switchers de traduction

[Digidop collabore avec Weglot pour le Design de nouveaux Switchers de traduction](/fr/blog/digidop-collabore-weglot-design-nouveaux-switchers-traduction)Digidop collabore avec Weglot pour le Design de nouveaux Switchers de traduction![Logo Figma avec l'année 2024 et les mots IA, Business, Collaboration](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67110359aaf52de4964dbbb9_65a3d1651bff27dcd45f1e7c_figma-2024%2520(1).jpeg)NewsDesignTout voir

### Figma 2024 : le leader du webdesign dont aucune entreprise ne pourra se passer

[Figma 2024 : le leader du webdesign dont aucune entreprise ne pourra se passer](/fr/blog/figma-2024-leader-webdesign-aucune-entreprise-ne-pourra-se-passer)Figma 2024 : le leader du webdesign dont aucune entreprise ne pourra se passer![pop up marketing du site jetson mute](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67112642cebc165b2cb87f94_651082c4eec7af103cdad163_main-utiliser-pop-ups.png)NewsDesignTout voir

### 5 Inspirations de Pop-Ups pour optimiser votre site web

[5 Inspirations de Pop-Ups pour optimiser votre site web](/fr/blog/5-inspirations-pop-ups-optimiser-site-web)5 Inspirations de Pop-Ups pour optimiser votre site web![plusieurs interfaces de sites web inspirationnels](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67115422aeabde9e635179f8_64dc52a662fe24e295849169_TOP-10-sites-inspirations-design.png)DocumentationDesignTout voir

### TOP 10 des Sites d'Inspirations de Design pour gagner en créativité

[TOP 10 des Sites d'Inspirations de Design pour gagner en créativité](/fr/blog/top-10-sites-inspirations-design-gagner-creativite)TOP 10 des Sites d'Inspirations de Design pour gagner en créativité![image logo figma et logo qonto](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711559fac921006a14035e5_64c6326927ba42f899d9aa8d_main-figma-qonto%2520(1).png)NewsDesignTout voir

### Qonto optimise ses process design grâce à l'intégration de Figma et FigJam

[Qonto optimise ses process design grâce à l'intégration de Figma et FigJam](/fr/blog/qonto-optimise-process-design-grace-integration-figma-figjam)Qonto optimise ses process design grâce à l'intégration de Figma et FigJam![logo oiseau twitter et logo X](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671155ca7f64fd389648073a_64c2bb00cc53d81d58842318_og-twitter-x.png)NewsDesignTout voir

### De Twitter à "X" : Nouvelle Identité, Logo, et Défis pour Elon Musk

[De Twitter à "X" : Nouvelle Identité, Logo, et Défis pour Elon Musk](/fr/blog/twitter-x-nouvelle-identite-logo-defis-elon-musk)De Twitter à "X" : Nouvelle Identité, Logo, et Défis pour Elon Musk![Design & Sport avec image d'un athlète et logo Digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671155e54e1c918f20650d10_64bfd22e1d0adb650d26c880_thumbnail-sport-design.webp)NewsDesignTout voir

### L'importance du design dans le monde du sport

[L'importance du design dans le monde du sport](/fr/blog/importance-design-dans-sport)L'importance du design dans le monde du sport![images d'une maquette dark et light mode sur figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711560789c5f9aef85e2d7e_64bea7bcf45f8aa378e124b4_dark-light-mode-figma-variables.png)TutorielDesignTout voir

### Comment créer un Dark & Light Mode avec les variables dans Figma ?

[Comment créer un Dark & Light Mode avec les variables dans Figma ?](/fr/blog/comment-creer-dark-light-mode-variables-figma)Comment créer un Dark & Light Mode avec les variables dans Figma ?![image de variables Figma avec logo et icones sur fond violet](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671156401cf882bb87e04594_64bc59325ab09cbdfd927952_figma-variables-main.png)TutorielDesignTout voir

### Maîtrisez les Variables dans Figma pour créer des Maquettes Avancées

[Maîtrisez les Variables dans Figma pour créer des Maquettes Avancées](/fr/blog/variables-figma-revolution-processus-conception-maquettes-avancees)Maîtrisez les Variables dans Figma pour créer des Maquettes Avancées![illustration de la fonctionnalité dev mode de figma en vert et gris](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671163b82804234e9c7b27c1_64b10c7693be131193c0abe6_figma-dev-mode.png)NewsDesignTout voir

### Dev Mode : Une nouvelle dimension de Figma pour les développeurs

[Dev Mode : Une nouvelle dimension de Figma pour les développeurs](/fr/blog/dev-mode-nouvelle-dimension-figma-pour-developpeurs)Dev Mode : Une nouvelle dimension de Figma pour les développeurs![Several images generated by Midjourney with the AI logo](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711644243623c730cd3b9a9_64a2ae33b28e77f1db823615_guide-2023-midjourney%2520(1).png)DocumentationDesignTout voir

### Guide complet 2023 : Utilisez l'IA Midjourney pour créer des images impressionnantes

[Guide complet 2023 : Utilisez l'IA Midjourney pour créer des images impressionnantes](/fr/blog/guide-complet-2023-utilisez-ia-midjourney-creer-images-impressionnantes)Guide complet 2023 : Utilisez l'IA Midjourney pour créer des images impressionnantes![Figma vs PowerPoint](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671164d72804234e9c7c9de3_649d4eed6feeb793c9c9c325_figma-vs-powerpoint.jpeg)DocumentationDesignTout voir

### Pourquoi utiliser Figma pour ses présentations plutôt que PowerPoint ?

[Pourquoi utiliser Figma pour ses présentations plutôt que PowerPoint ?](/fr/blog/figma-alternative-powerpoint)Pourquoi utiliser Figma pour ses présentations plutôt que PowerPoint ?![photo de l'équipe digidop à l'événement Figma Config 2023 à Paris](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671165553433008e2c8d88c4_6495dac344a42b0f835b4dc1_figma-config-paris-2023%2520(1).png)NewsDesignTout voir

### Figma Config 2023 : Le futur du design dévoilé

[Figma Config 2023 : Le futur du design dévoilé](/fr/blog/figma-config-2023-futur-design-devoile)Figma Config 2023 : Le futur du design dévoilé![Espace Apple sur la Figma Community](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711666b25476139220a1979_6486ca581f6db9597a0010e1_figma-apple-2023.png)NewsDesignTout voir

### Apple rejoint Figma : Une collaboration de pointe pour un design d'interfaces Apple réaliste

[Apple rejoint Figma : Une collaboration de pointe pour un design d'interfaces Apple réaliste](/fr/blog/apple-rejoint-figma-une-collaboration-de-pointe-pour-un-design-dinterfaces-apple-realiste)Apple rejoint Figma : Une collaboration de pointe pour un design d'interfaces Apple réaliste![Capture d'écrean de le l'awwwards honorable mention pour le site Morfo by Digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711674489a6fce106ca725b_64809b1e61d81702d73b8901_www.awwwards.com_sites_morfo-rest.jpeg)NewsDesignTout voir

### Digidop remporte une Mention Honorable aux Awwwards avec Morfo.rest

[Digidop remporte une Mention Honorable aux Awwwards avec Morfo.rest](/fr/blog/digidop-remporte-mention-honorable-awwwards-avec-morfo-rest)Digidop remporte une Mention Honorable aux Awwwards avec Morfo.rest![Capture d'écran du header awwwards.com avec une selection du site of the day du 31 may 2023](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711677e1d9f4265753d3dc9_64776faa0c1419b8475edd51_www.awwwards.com_%2520(1).jpeg)DocumentationDesignTout voir

### Awwwards.com : Le Guide Complet pour les Agences Digitales

[Awwwards.com : Le Guide Complet pour les Agences Digitales](/fr/blog/awwwards-guide-complet-agences-digitales)Awwwards.com : Le Guide Complet pour les Agences Digitales![Aperçu de différents visuelles de projets web](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671168846a49b293c2c31ef2_64760069e93084646c9ef544_open-graph-webflow-website%2520(2).jpeg)DocumentationDesignTout voir

### Trouver l'inspiration pour vos designs web : Présentation de Awwwards et Webflow-Website

[Trouver l'inspiration pour vos designs web : Présentation de Awwwards et Webflow-Website](/fr/blog/trouver-inspiration-designs-web-presentation-awwwards-et-webflow-website)Trouver l'inspiration pour vos designs web : Présentation de Awwwards et Webflow-Website![Exemple de timeline de projet de conception de site web](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671169bbeea39d253241b153_64760069e93084646c9ef530_project-management%25402x%2520(1).webp)DocumentationDesignTout voir

### Processus de design web : les étapes clés pour un site performant

[Processus de design web : les étapes clés pour un site performant](/fr/blog/processus-webdesign-etapes-cles-pour-site-performant)Processus de design web : les étapes clés pour un site performant![Couverture de la formation figma to webflow Thomas de Digidop qui tient les logos figma et webflow avec logo digidop académie en haut de l'image et overlay violet](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67116aa539225be819573dc7_64760069e93084646c9ef50e_Open-Graph-hors-se%25CC%2581rie-figma-to-webflow.webp)TutorielDesignTout voir

### Plugin Figma to Webflow : tout savoir pour migrer votre maquette Figma vers Webflow

[Plugin Figma to Webflow : tout savoir pour migrer votre maquette Figma vers Webflow](/fr/blog/plugin-figma-to-webflow-migrer-maquette-figma-vers-webflow)Plugin Figma to Webflow : tout savoir pour migrer votre maquette Figma vers Webflow![Logo figma avec interface figma et focus sur le mode inspect dédié aux développeurs](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67116d7ecb4bddc313162758_64760069e93084646c9ef49c_Main-figma-de%25CC%2581veloppeurs.webp)TutorielDesignTout voir

### Figma pour les développeurs : 5 fonctionnalités indispensables pour améliorer votre workflow

[Figma pour les développeurs : 5 fonctionnalités indispensables pour améliorer votre workflow](/fr/blog/figma-developpeurs-5-fonctionnalites-ameliorer-workflow)Figma pour les développeurs : 5 fonctionnalités indispensables pour améliorer votre workflow![Chiffre 5 avec en arrière plan des cartes de cours en ligne sur le webdesign](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b53ff1113e947417fa7ab_64760069e93084646c9ef13e_63fa0758f4b8083fce4833c0_Open-Graph-formation-en-ligne.webp)DocumentationDesignTout voir

### 5 sites pour se former en ligne au Webdesign

[5 sites pour se former en ligne au Webdesign](/fr/blog/5-sites-formation-en-ligne-webdesign)5 sites pour se former en ligne au Webdesign![Logo + interface Framer avec logo Digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671234a2e897a6478744a03e_64760069e93084646c9ef1ba_63c94a17bc531168a228fd98_Frame%252520427321244.webp)DocumentationDesignTout voir

### Framer : l’outil de prototypage le plus prometteur de 2023 ?

[Framer : l’outil de prototypage le plus prometteur de 2023 ?](/fr/blog/framer-outil-prototypage-prometteur-2023)Framer : l’outil de prototypage le plus prometteur de 2023 ?![trois boutons composant et variants dans figma avec titre et icone power jaune digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671261752e970865d090fef4_64760069e93084646c9ef175_63ad6b322d8f6676d98b9c47_Open-Graph-composant-variant-figma.webp)TutorielDesignTout voir

### Comment créer et utiliser des composants et variants dans Figma

[Comment créer et utiliser des composants et variants dans Figma](/fr/blog/comment-creer-utiliser-composants-variants-figma)Comment créer et utiliser des composants et variants dans Figma![Figma est le meilleur outil de design](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123b8b26aa554fda62c967_64760069e93084646c9ef1ae_636c0b950d6e124b80b93aad_Open-Graph-figma.webp)DocumentationDesignTout voir

### Figma est le meilleur outil de design.

[Figma est le meilleur outil de design.](/fr/blog/figma-est-le-meilleur-outil-de-design)Figma est le meilleur outil de design.![titre de la formation figma avec logo digidop académie, photo de thomas et illustration figma sur fond violet](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671235527a21621ec805bb97_64760069e93084646c9eeec5_63516a3b0f41bac1b4c32af0_OG-FORMATION-FIGMA-DESIGN%2525402x%252520(5).webp)DocumentationDesignTout voir

### Formation Figma Français avec la Digidop Académie

[Formation Figma Français avec la Digidop Académie](/fr/blog/formation-figma-francais-digidop-academie)Formation Figma Français avec la Digidop Académie![Figma + adobe logo avec un sac d'argent](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67122234de72191bd6d70666_64760069e93084646c9ef1dc_63232b6c7c4bd58c0c423da0_open-graph-figma-x-adobe.webp)NewsDesignTout voir

### News : Adobe acquiert l'outil de conception Figma

[News : Adobe acquiert l'outil de conception Figma](/fr/blog/news-adobe-acquiert-outil-conception-figma)News : Adobe acquiert l'outil de conception Figma![plusieurs sections UX noir et blanc de site web avec icône power jaune digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b542d76dab15b07090a67_64760069e93084646c9ef141_631505d04e546a79b6fca55f_Open-Graph-6-sections-ux-landing-page-performante.webp)DocumentationDesignTout voir

### 6 sections UX indispensables pour créer un landing page efficace

[6 sections UX indispensables pour créer un landing page efficace](/fr/blog/6-sections-ux-creer-landing-page-efficace)6 sections UX indispensables pour créer un landing page efficace![capture d'écran de plusieurs modèles figma avec icône figma et icône power jaune digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b55028b75715e19300073_64760069e93084646c9eec1b_6313207b35c1cb84d6c250a4_Open-Graph-mod%2525C3%2525A8le-UX-UI-designer-figma.webp)DocumentationDesignTout voir

### 5 modèles Figma pour UX & UI Designer

[5 modèles Figma pour UX & UI Designer](/fr/blog/5-modeles-figma-pour-ux-ui-designer)5 modèles Figma pour UX & UI Designer![interface du designer figma avec plusieurs zones entourées de couleurs différentes et icone power jaune digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6723ad6009cfcc8439292d36_Figma%20designer%20interface%20features%20and%20tools.webp)DocumentationDesignTout voir

### Fonctionnalités et outils de l'interface du designer Figma

[Fonctionnalités et outils de l'interface du designer Figma](/fr/blog/fonctionnalites-interface-designer-figma)Fonctionnalités et outils de l'interface du designer Figma![maquette figma en mode développeur inspect](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125d70ab5d92dde75a745c_64760069e93084646c9ef193_6305e3680bdcea485e06e40c_Open-Graph-concilier-design-developpement-figma.webp)DocumentationDesignTout voir

### Concilier le design et le développement web avec Figma

[Concilier le design et le développement web avec Figma](/fr/blog/concilier-design-developpement-web-figma)Concilier le design et le développement web avec Figma![touches de clavier de mac avec logo figma et icône power jaune digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671176f35d59671bbd271932_64760069e93084646c9ef222_62f3c1e589f9100f66d3f4b9_Open-Graph-raccourcis-clavier-figma.webp)TutorielDesignTout voir

### Top 10 raccourcis clavier Figma pour designer rapidement

[Top 10 raccourcis clavier Figma pour designer rapidement](/fr/blog/top-10-raccourcis-clavier-figma-designer-rapidement)Top 10 raccourcis clavier Figma pour designer rapidement![logo figma avec des exemples de widget sur fond blanc](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711849ad362ad41b947a34b_64760069e93084646c9ef1e5_62e0e171c053d6e2f06a9b4c_Open-Graph-nouveaute%2525CC%252581s-figma-juin-2022.webp.webp)NewsDesignTout voir

### Nouveautés Figma Juin 2022 : widgets, API, partenariat Google

[Nouveautés Figma Juin 2022 : widgets, API, partenariat Google](/fr/blog/nouveautes-figma-juin-2022)Nouveautés Figma Juin 2022 : widgets, API, partenariat Google![Digidop Blog](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123bb7cbda4cfe2498a902_64760069e93084646c9ef197_62d7d3949028bc0da811f96f_Open-Graph-digidop-blog-webp.webp)TutorielDesignTout voir

### Convertir une image PNG en vectorielle SVG depuis Figma

[Convertir une image PNG en vectorielle SVG depuis Figma](/fr/blog/convertir-png-en-svg-figma)Convertir une image PNG en vectorielle SVG depuis Figma![Digidop blog](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123bb7cbda4cfe2498a902_64760069e93084646c9ef197_62d7d3949028bc0da811f96f_Open-Graph-digidop-blog-webp.webp)TutorielDesignTout voir

### Exporter le code d'une image vectorisée SVG avec Figma

[Exporter le code d'une image vectorisée SVG avec Figma](/fr/blog/exporter-code-image-vectorisee-svg-figma)Exporter le code d'une image vectorisée SVG avec Figma![Plusieurs noms de typographies écrits en noir sur fond blanc](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b54ac68f64e02a0ecd37e_64760069e93084646c9ef13c_62d41b027afcaf0469220f17_Open-Graph-outils-typographies-polices-ecriture.webp)DocumentationDesignTout voir

### 5 outils pour bien choisir la typographie de son site internet

[5 outils pour bien choisir la typographie de son site internet](/fr/blog/5-outils-pour-bien-choisir-la-typographie-de-son-site-internet)5 outils pour bien choisir la typographie de son site internet![Palette de couleurs violet move orange jaune avec icone power digidop jaune](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b55225a388d407588a7a6_64760069e93084646c9ef13b_62d166f6d5fc85d93b4e8491_Open-Graph-outils-pallette-de-couleurs.webp)DocumentationDesignTout voir

### 5 outils gratuits pour créer une palette de couleurs originale

[5 outils gratuits pour créer une palette de couleurs originale](/fr/blog/5-outils-gratuits-creer-palette-couleur-originale)5 outils gratuits pour créer une palette de couleurs originale![Logo Figma, Made In Webflow, Awwwards, Flux Academy et Digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b54838b75715e192f8529_64760069e93084646c9ef13d_62c40a30404e65569659585b_Thumbnail-webdesign-inspo.png)DocumentationDesignTout voir

### 5 ressources pour trouver des inspirations en web design

[5 ressources pour trouver des inspirations en web design](/fr/blog/5-ressources-trouver-inspirations-web-design)5 ressources pour trouver des inspirations en web design![texte ciruclaire depuis le plugin figma arc sur fond vert](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671260c95343b8bb6cd25598_64760069e93084646c9ef17a_628dd2fc637e33867f1ff843_Open-Graph-texte-circulaire-figma.png)TutorielDesignTout voir

### Comment écrire un texte circulaire dans Figma ?

[Comment écrire un texte circulaire dans Figma ?](/fr/blog/comment-ecrire-texte-circulaire-figma)Comment écrire un texte circulaire dans Figma ?![logo loom, logo vimeo, logo figma avec designer figma et intégration du plugin loom, sur fond bleu](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712278306666243342c1acc_64760069e93084646c9eef0f_628de0440afcbe35a9b6acf5_Open-Graph-commentaires-video-figma.png)TutorielDesignTout voir

### Laisser des feedbacks vidéo sur Figma

[Laisser des feedbacks vidéo sur Figma](/fr/blog/laisser-des-feedbacks-video-sur-figma)Laisser des feedbacks vidéo sur Figma![image d'une cannette 3d dans figma avec le logo digidop sur fond bleu](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671261909960c11eded9a04f_64760069e93084646c9ef174_628a77ed00394d715ae6f380_Open-Graph-visuel-3d-figma.png)TutorielDesignTout voir

### Comment créer un visuel 3D sur Figma ?

[Comment créer un visuel 3D sur Figma ?](/fr/blog/comment-creer-visuel-3d-figma)Comment créer un visuel 3D sur Figma ?![capture d'écran d'un historique de fichier figma sur fond couleur rose saumon](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671233f8f170a507958dbc42_64760069e93084646c9ef1bd_628a71517a39cdec8293754d_Open-Graph-restaurer-historique-figma.png)TutorielDesignTout voir

### Historique Figma : comment restaurer une ancienne version ?

[Historique Figma : comment restaurer une ancienne version ?](/fr/blog/historique-figma-comment-restaurer-une-ancienne-version)Historique Figma : comment restaurer une ancienne version ?![lettres et formes avec des couleurs, traits et contrastes différentes sur écran blanc et fond bleu](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671183bdee2586c17a1dc7df_64760069e93084646c9ef1e6_628a90e465db771b4e30963b_Open-Graph-nouvelles-fonctionalite%2525CC%252581s-accessibilite%2525CC%252581-figma.png)NewsDesignTout voir

### De nouvelles fonctionnalités pour améliorer l'accessibilité web sur Figma

[De nouvelles fonctionnalités pour améliorer l'accessibilité web sur Figma](/fr/blog/nouvelles-fonctionnalites-ameliorer-accessibilite-web-figma)De nouvelles fonctionnalités pour améliorer l'accessibilité web sur Figma![design figma avec texte nouveautés figma 2022 sur fond violet clair](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671184d6e5a47fc9120a5229_64760069e93084646c9ef1e4_627fa62a99568df83b334350_Open-Graph-nouveaute%2525CC%252581s-figma-2022.png)NewsDesignTout voir

### Les dernières nouveautés Figma Config 2022 !

[Les dernières nouveautés Figma Config 2022 !](/fr/blog/nouveautes-figma-config-2022)Les dernières nouveautés Figma Config 2022 !![Interface figma en light mode et dark mode](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671264bebb678876c4efefe2_64760069e93084646c9ef163_627fb379058480463b31641a_Open-Graph-dark-light-mode-figma.png)TutorielDesignTout voir

### Comment activer le Dark & Light mode Figma ?

[Comment activer le Dark & Light mode Figma ?](/fr/blog/comment-activer-dark-light-mode-figma)Comment activer le Dark & Light mode Figma ?![editeur figma avec gif sur fond blanc, texte et barres de couleurs figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712646833ab4ff70198c062_64760069e93084646c9ef164_6265c84738cd3eb2df0f67f9_Open-Graph-importer-GIF-figma.png)TutorielDesignTout voir

### Comment ajouter des GIFs animés dans Figma ?

[Comment ajouter des GIFs animés dans Figma ?](/fr/blog/comment-ajouter-gif-figma)Comment ajouter des GIFs animés dans Figma ?![rond jaune dans carré blanc avec flèche vers éditeur figma sur fond violet](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671260b770e600616a5f6206_64760069e93084646c9ef17d_6265b0740bb437e5b5cd9be6_Open-Graph-comment-importer-fichier-figma.png)TutorielDesignTout voir

### Comment importer des fichiers dans Figma ?

[Comment importer des fichiers dans Figma ?](/fr/blog/comment-importer-fichiers-figma)Comment importer des fichiers dans Figma ?![logo sketch sur fond bleu et logo figma sur fond noir avec flèche qui va de sketch vers figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125fb447c050ab310439d9_64760069e93084646c9ef182_6265c170b18062f3ca68ca2b_Open-Graph-migration-sketch-figma.png)TutorielDesignTout voir

### Comment migrer des designs et maquettes Sketch vers Figma ?

[Comment migrer des designs et maquettes Sketch vers Figma ?](/fr/blog/comment-migrer-designs-maquettes-sketch-vers-figma)Comment migrer des designs et maquettes Sketch vers Figma ?![Tableau représentant les différentes méthodes d'importation dans Figma selon le type de fichier utilisé](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671222a66abd827da5891ae2_64760069e93084646c9ef1d7_6265a1f71da0ed1c5fa6a3ec_Open-Graph-methode-importation-figma.png)TutorielDesignTout voir

### Méthodes pour importer des designs et fichiers dans Figma

[Méthodes pour importer des designs et fichiers dans Figma](/fr/blog/methodes-importer-designs-fichiers-figma)Méthodes pour importer des designs et fichiers dans Figma![interface de collaboration sur un projet figma sur fond violet](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123acb5179a2e39d0e23f3_64760069e93084646c9ef1b6_6263b048a6ef3046c00979b7_Open-Graph-collaborer-figma.png)DocumentationDesignTout voir

### 8 fonctionnalités pour mieux collaborer sur Figma

[8 fonctionnalités pour mieux collaborer sur Figma](/fr/blog/fonctionnalites-mieux-collaborer-figma)8 fonctionnalités pour mieux collaborer sur Figma![carré blanc avec logo figma et interface de design figma avec fonctionnalité contrainte entourée en bleu](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711752e348d7522974df657_64760069e93084646c9ef22d_6247337d3bbd27090f28fdd0_Open-Graph-contrainte-figma-responsive-design.png)TutorielDesignTout voir

### Utiliser les contraintes Figma pour un responsive design

[Utiliser les contraintes Figma pour un responsive design](/fr/blog/utiliser-contraintes-figma-responsive-design)Utiliser les contraintes Figma pour un responsive design![logo figma avec interface figma et focus sur les pages](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67124f243493e8ee06d63283_64760069e93084646c9ef19c_624213730ab46f831547fb05_Open-Graph-creer-gerer-page-figma.png)TutorielDesignTout voir

### Créer et gérer vos pages dans Figma

[Créer et gérer vos pages dans Figma](/fr/blog/creer-gerer-pages-figma)Créer et gérer vos pages dans Figma![image de la plateforme communauté figma avec logo de l'outil de webdesign figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67126060e1a3a68e872881e8_64760069e93084646c9ef17e_6240bc67588ded22b348c052_Open-Graph-int%2525C3%2525A9grer-communaut%2525C3%2525A9-figma.png)DocumentationDesignTout voir

### Comment intégrer la communauté Figma pour partager vos designs ?

[Comment intégrer la communauté Figma pour partager vos designs ?](/fr/blog/comment-integrer-communaute-figma)Comment intégrer la communauté Figma pour partager vos designs ?![projets de la communauté figma avec bouton partager et logo figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125f8257e1d8237b87e08c_64760069e93084646c9ef184_6242d04c5d170d8eaa45afe8_Open-Graph-partager-design-figma-community.png)TutorielDesignTout voir

### Comment partager un projet et collaborer avec la communauté Figma ?

[Comment partager un projet et collaborer avec la communauté Figma ?](/fr/blog/comment-partager-design-collaborer-communaute-figma)Comment partager un projet et collaborer avec la communauté Figma ?![maquette de site web réalisée dans l'interface de design figma avec icone figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123b30dfd73402db1c2134_64760069e93084646c9ef1b0_6240b4c1b758da4e77e8d874_Open-Graph-figma-meilleur-outil-cr%2525C3%2525A9ation-maquette-web.png)DocumentationDesignTout voir

### Figma : le meilleur outil pour créer une maquette de site web

[Figma : le meilleur outil pour créer une maquette de site web](/fr/blog/figma-meilleur-outil-creer-maquette-site-web)Figma : le meilleur outil pour créer une maquette de site web![Problème de police sur Figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67117cc656bdba96286532cf_64760069e93084646c9ef205_6220dab6c906c6063171db25_Open-Graph-police-problem-figma.png)TutorielDesignTout voir

### Régler le problème des polices manquantes dans Figma

[Régler le problème des polices manquantes dans Figma](/fr/blog/regler-probleme-polices-manquantes-figma)Régler le problème des polices manquantes dans Figma![Exemple de Style Guide créé dans Figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67123d88661c5a4861c976f5_64760069e93084646c9ef1a1_620ced2c3cb227b64bee06e8_Open-Graph-style-guide-figma.png)TutorielDesignTout voir

### Créer un Style Guide optimisé dans Figma pour Webflow

[Créer un Style Guide optimisé dans Figma pour Webflow](/fr/blog/creer-un-style-guide-optimise-dans-figma-pour-webflow)Créer un Style Guide optimisé dans Figma pour Webflow![Les menus de navigations et UX design écrit sur un fond de templates de "navbar"](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67125082fdb223c413bc31f3_64760069e93084646c9ef194_6202500aebd01a415f777686_Open-Graph-menu-navigation-ux-design.png)DocumentationDesignTout voir

### Conseils UX Design : Les Menus de Navigation (Navbar)

[Conseils UX Design : Les Menus de Navigation (Navbar)](/fr/blog/conseils-ux-design-menus-navigation-navbar)Conseils UX Design : Les Menus de Navigation (Navbar)![Logo Figma, logo unsplash, logo inonify, logo AutoFlow, logo Stark](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712689ba3dfd3d5c8dcd9f5_64760069e93084646c9ef154_61d7043b9da9c6776330e021_Open-Graph-figma-toolbox.png)DocumentationDesignTout voir

### Boîte à outils à utiliser pour Figma : les meilleurs plugins pour le webdesign

[Boîte à outils à utiliser pour Figma : les meilleurs plugins pour le webdesign](/fr/blog/boite-a-outils-figma)Boîte à outils à utiliser pour Figma : les meilleurs plugins pour le webdesign![Ecran d'ordinateur avec un mockup 3d figma](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67126144e01a1c8217a2459b_64760069e93084646c9ef176_61b8ee7844d8aa7d5b077ff4_OG_wireframe-figma-website.png)TutorielDesignTout voir

### Comment créer le wireframe de son site web avec Figma ?

[Comment créer le wireframe de son site web avec Figma ?](/fr/blog/comment-creer-wireframe-site-web-figma)Comment créer le wireframe de son site web avec Figma ?

## Besoin d’un site optimisé, avec un CMS évolutif, conçu pour booster votre trafic SEO ?

[Travaillons ensemble !

](/fr/contact)