Nous utilisons juste ce dont on a besoin pour le fonctionnement du site. Pour plus d'infos lire notre politique de confidentialité.
icon-cookie

Progresser sur Figma, en Design et Webdesign rapidement

Découvrez toutes les ressources de Digidop pour vous faire progresser en design/webdesign et monter en compétence sur des outils comme Figma, Adobe XD, etc.

macbook pro icon
love it sticker
idea sticker

Design 🖌

filter-icon
Catégorie
clear icon
Réinitialiser
Filtrer par :
Tag
icon-cross-violet
Show X articles sur X
Chiffre 5 avec en arrière plan des cartes de cours en ligne sur le webdesign
Design 🖌
Webflow 💜
February 25, 2023

5 sites pour se former en ligne au Webdesign

Du débutant à l'expert, découvre notre sélection de 5 sites de formations en ligne sur le webdesign, pour rester compétent(e) dans ce domaine

Icône de fête avec la chaîne YouTube de Digidop en arrière plan
Webflow 💜
Design 🖌
February 23, 2023

🎉 1 000 abonnés sur notre chaîne Youtube 🎉

Avec plus de 160 vidéos sur le Webdesign, et les outils Webflow & Figma, notre chaîne compte aujourd'hui 1 000 abonnés. Merci à tous ! 💛

Logo Figma avec flèche vers Webflow
Webflow 💜
Nocode 🚀
Design 🖌
February 7, 2023

Transforme ta maquette Figma en site Webflow !

Webflow frappe un grand coup avec la sortie de ce nouveau plugin Figma, qui permet, de convertir une maquette en un site Webflow !

Logo + interface Framer avec logo Digidop
Design 🖌
Nocode 🚀
January 19, 2023

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

Présentation de Framer : un outil de prototypage intéractif ultra prometteur pour 2023.

illustration avec des images qui passent dans le plugin figma ando pour en générer de nouvelles et icône power jaune digidop
Design 🖌
Automation 🤖
January 17, 2023

Tuto : Ando plugin Figma qui génère des images via IA

Ando, le plugin Figma qui utilise l'intelligence artificielle pour générer des images.

bannière avec fond bleu plusieurs lettres aléatoires, logo de l'ia midjourney et power jaune digidop
Design 🖌
Automation 🤖
January 17, 2023

Tuto : Apprendre à utiliser la Beta de l'IA Midjourney pour générer des images

Tuto pour apprendre à utiliser la Beta Midjourney, une IA qui génère des images depuis une simple description.

bannière avec l'outil dall-e-2 et power jaune digidop
Design 🖌
Automation 🤖
January 17, 2023

Tuto : Comment utiliser l'IA Dall-E pour générer des images automatiques ?

Apprenez à générer des images depuis une simple description avec Dall-E.

Plusieurs images aléatoires générées via Dall-E avec un power jaune digidop
Automation 🤖
Design 🖌
January 17, 2023

3 générateurs d'images avec intelligence artificielle IA à connaitre en 2023

3 IA qui vous permettent de générer des images depuis une simple description !

trois boutons composant et variants dans figma avec icone power jaune digidop
Design 🖌
December 29, 2022

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

Qu'est-ce qu'un composant dans Figma ? Comment créer et utiliser un component pour être plus efficace dans ses UI ?

Polices variable Webflow
Webflow 💜
Site web 🌍
Design 🖌
December 19, 2022

Utiliser la fonctionnalité Variable Font de Webflow

Comment utiliser les polices variables pour votre projet Webflow ? Dans le Designer, la fonctionnalité Variable Font est disponible en version BETA !

Figma est le meilleur outil de design
Design 🖌
November 6, 2022

Figma est le meilleur outil de design.

Vous n’êtes pas d’accord avec ce titre ? C’est parce que vous n’avez pas encore lu cet article.

titre de la formation figma avec logo digidop académie, logo figma en noir sur fond violet
Design 🖌
October 20, 2022

Formation Figma Français avec la Digidop Académie

Une formation sur Figma et le webdesign en Français et 100% gratuite ! Ca se passe sur la Digidop Académie. 🤩

Pierre Soares UX/UI Designer
Design 🖌
Nocode 🚀
October 20, 2022

Pierre, UX/UI Designer et fan d'art

Voici quelques lignes qui, je l’espère, vous aideront à en apprendre plus sur moi, bonne lecture !

Quentin Ballereau, UX/UI Designer
Design 🖌
Nocode 🚀
October 18, 2022

Quentin, UX/UI Designer : Tech Addict & Figma Lover

Bienvenue sur mon premier article de blog, je vais essayer de vous faire comprendre qui je suis, en quelques lignes. Vous me direz si c’est réussit :)

Figma + adobe logo avec un sac d'argent
Design 🖌
Nocode 🚀
September 15, 2022

News : Adobe acquiert l'outil de conception Figma

Holy shit ! Adobe, l'acteur historique de l'industrie du design rachète son concurrent, Figma, pour 20 milliards de dollars.

plusieurs sections UX noir et blanc de site web avec icône power jaune digidop
Design 🖌
September 4, 2022

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

Voici 6 sections indispensable pour créer une landing page qui convertit. Intégrez ces zones pour optimiser les pages de votre site web.

capture d'écran de plusieurs modèles figma avec icône figma et icône power jaune digidop
Design 🖌
September 3, 2022

5 modèles Figma pour UX & UI Designer

5 modèles Figma à dupliquer gratuitement pour vos projets de webdesign. Template de design sprint, design system, charte graphique, composant UX, composants UI.

interface du designer figma avec plusieurs zones entourées de couleurs différentes et icone power jaune digidop
Design 🖌
September 2, 2022

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

Une vue à 360° des fonctionnalités et outils de l'interface du designer de Figma.

maquette figma en mode développeur inspect
Design 🖌
August 24, 2022

Concilier le design et le développement web avec Figma

La collaboration entre designers et développeurs est parfois complexe. Entre méthodes de travails, langages, outils, etc. voici comment Figma a réussi à concilier le travail des designers et des développeurs.

touches de clavier de mac avec logo figma et icône power jaune digidop
Design 🖌
August 10, 2022

Top 10 raccourcis clavier Figma pour designer rapidement

Top 10 raccourcis clavier Figma pour designer plus rapidement ! 🏃‍♀️💨

logo figma avec des exemples de widget sur fond blanc
Design 🖌
July 24, 2022

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

Juin 2022 a été marqué par de nombreuses nouveautés pour Figma. Nous reprenons dans cet article les principaux changements de l'outil : intégration des widgets, nouvelle doc API, partenariat avec Google, nouveaux plugins.

Plusieurs noms de typographies écrits en noir sur fond blanc
Nocode 🚀
Design 🖌
July 17, 2022

5 outils pour bien choisir la typographie de son site internet

Trouvez la typographie idéale pour votre site web ! Voici 5 outils pour vous aider à identifier la famille de police qu'il vous faut pour votre projet : prévisualisation, associations de fonts, mise en situation des polices, plugin Figma, etc.

Palette de couleurs violet mauve orange jaune avec icone power digidop jaune
Nocode 🚀
Design 🖌
July 15, 2022

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

Ces outils sont indispensables pour créer une palette de couleurs originale pour votre charte graphique ! Choix de couleurs, variants, couleurs complémentaires, tests d'accessibilité...

Logo Figma, Made In Webflow, Awwwards, Flux Academy et Digidop
Site web 🌍
Design 🖌
July 5, 2022

5 ressources pour trouver des inspirations en web design

Création ou refonte de site web ? Trouver l'inspiration pour votre futur projet avec ces différentes ressources.

logo loom, logo vimeo, logo figma avec designer figma et intégration du plugin loom, sur fond bleu
Nocode 🚀
Design 🖌
May 25, 2022

Laisser des feedbacks vidéo sur Figma

Fini les maquettes Figma avec des dizaines de bulles de commentaires 👉 Figma sort ses plugins Vimeo et Loom pour intégrer des feedbacks vidéo directement sur le canva.

texte ciruclaire depuis le plugin figma arc sur fond vert
Nocode 🚀
Design 🖌
May 25, 2022

Comment écrire un texte circulaire dans Figma ?

Il est parfois plus simple d'utiliser un plugin sur Figma, et un bon exemple est le plugin Arc. Ce plugin répond à une fonctionnalité manquante sur Figma, celle de pouvoir écrire un mot, un texte, une phrase de manière circulaire.

lettres et formes avec des couleurs, traits et contrastes différentes sur écran blanc et fond bleu
Nocode 🚀
Site web 🌍
Design 🖌
May 22, 2022

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

Parmi les nouveautés Figma 2022 : l'accessibilité. Ce défi du 21eme siècle de rendre le numérique accessible à tous est également celui des designer. Voici comment Figma commencer à rattraper son retard sur ce sujet.

image d'une cannette 3d dans figma avec le logo digidop sur fond bleu
Nocode 🚀
Design 🖌
May 22, 2022

Comment créer un visuel 3D sur Figma ?

Figma est un outil de webdesign essentiellement 2D. Bien que l'outil propose des fonctionnalités pour créer des formes et des reliefs, la 3D reste très limité. On vous présente ici une méthode pour intégrer des éléments 3D dans Figma.

capture d'écran d'un historique de fichier figma sur fond couleur rose saumon
Nocode 🚀
Design 🖌
May 22, 2022

Historique Figma : comment restaurer une ancienne version ?

Vous avez perdu votre maquette Figma ? 😱 Pas de panique, voici comment accéder à votre historique Figma pour restaurer une ancienne version. 💆‍♀️

Interface figma en light mode et dark mode
Nocode 🚀
Design 🖌
May 14, 2022

Comment activer le Dark & Light mode Figma ?

Dark or light mode ? Mode sombre ou mode clair ? Ajustez votre Figma pour mieux designer ! Voici comment activer le nouveau dark & light mode de Figma.

design figma sur fond violet clair
Nocode 🚀
Design 🖌
May 14, 2022

Les dernières nouveautés Figma Config 2022 !

Figma sort ses nouvelles fonctionnalités 2022 ! On fait un point sur toutes les nouveautés Figma 🤩

logo sketch sur fond bleu et logo figma sur fond noir avec flèche qui va de sketch vers figma
Nocode 🚀
Design 🖌
April 24, 2022

Comment migrer des designs et maquettes Sketch vers Figma ?

De Sketch à Figma, votre fichier sera-t-il préservé ? Dans cet article nous analysons la conversion de plusieurs éléments de Sketch à Figma. Nous vous expliquons également comment migrer vos maquettes et designs Sketch vers Figma.

texte et barres de couleurs figma
Nocode 🚀
Design 🖌
April 24, 2022

Comment ajouter des GIFs animés dans Figma ?

Les GIFs animés rendent vos maquettes et prototypes Figma plus réalistes. Voici comment ajouter et visualiser des GIFs dans Figma.

rond jaune dans carré blanc avec flèche sur fond violet
Nocode 🚀
Design 🖌
April 24, 2022

Comment importer des fichiers dans Figma ?

Voici comment importer facilement des fichiers Figma depuis le tableau de bord, ou directement dans le mode éditeur.

Tableau représentant les différentes méthodes d'importation dans Figma selon le type de fichier utilisé
Nocode 🚀
Design 🖌
April 24, 2022

Méthodes pour importer des designs et fichiers dans Figma

Figma propose différentes méthodes d'importation, selon le type de fichier que vous utilisez et vos besoins. Voici comment importer des éléments graphiques, ou fichiers web dans Figma.

interface de collaboration sur un projet figma sur fond violet
Nocode 🚀
Design 🖌
April 23, 2022

8 fonctionnalités pour mieux collaborer sur Figma

Collaborer à plusieurs sur vos projets de design est parfois complexe. Figma a donc développé de nombreuses fonctionnalités qui vous permettront d'optimiser le travaille d'équipe sur vos projets. Voici les 8 meilleurs fonctionnalités pour collaborer sur Figma !

carré blanc avec logo figma et interface de design figma avec fonctionnalité contrainte entourée en bleu
Site web 🌍
Design 🖌
March 30, 2022

Utiliser les contraintes Figma pour un responsive design

Les contraintes Figma : une fonctionnalité très utile pour commencer à créer une maquette web responsive dan Figma ! Nous faisons le point sur l'utilisation de cet outil de responsive design.

logo figma avec interface figma et focus sur les pages
Site web 🌍
Design 🖌
March 28, 2022

Créer et gérer vos pages dans Figma

Nous faisons le point sur les principales fonctionnalités des Pages Figma. Comment organiser vos pages, en créer de nouvelles, en supprimer, etc. pour structurer vos maquettes web et projets Figma. Voici une vue d'ensemble des pages dans Figma.

fonctionnalités figma regroupées sur un fond violet
Site web 🌍
Nocode 🚀
Design 🖌
March 27, 2022

10 fonctionnalités Figma à connaitre en 2022

Figma est un outil de design, principalement dédié à la conception et création de maquettes de sites web et applications mobiles. Cet outil nocode dispose de nombreuses fonctionnalités essentielles pour réaliser un projet web efficace en collaborant à plusieurs. Voici 10 fonctionnalités Figma à connaitre en 2022 🤩

projets de la communauté figma avec bouton partager et logo figma
Site web 🌍
Design 🖌
March 26, 2022

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

Vous faites partie de la communauté Figma ? Commencez à publier vos projets de design et maquettes web avec la communauté !

image de la plateforme communauté figma avec logo de l'outil de webdesign figma
Site web 🌍
Design 🖌
March 26, 2022

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

La communauté Figma regroupe des designers, graphistes, développeurs web, étudiants, formateurs ou encore amateurs de web design. Une communauté nocode très active ou vous pourrez retrouver des design web de tous types : wireframe, icones, illustrations, maquettes web, etc. Voici comment intégrer la communauté Figma !

maquette de site web réalisée dans l'interface de design figma avec icone figma
Site web 🌍
Design 🖌
March 26, 2022

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

Figma est un outil de design collaboratif, qui vous permettra de réaliser des maquettes web pour des sites et applications. Principal concurrent d'Adobe XD et Sketch, nous faisons le tour de cet outil qui prend de plus en plus de place dans l'univers du web design.

logo relume figma et webflow avec des composants figma client first sur fond noir
Site web 🌍
Design 🖌
March 23, 2022

Créer une maquette Figma Client First avec la Relume Library

Développez Client First dans Figma grâce à la Relume Library ! Le kit Relume vous met à disposition des dixaines de components que vous pourrez réutiliser dans vos maquettes web Figma. Dans cet article nous vous expliquons comment ajouter le kit Relume pour tous vos prochains projets Figma.

Problème de police sur Figma
Nocode 🚀
Design 🖌
March 2, 2022

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

Si vous travaillez sur Figma, il vous est peut-être déjà arrivé d’avoir l’erreur “Missing Fonts”. Une erreur très embêtante, car elle vous empêche de modifier votre texte. Dans notre article du jour, nous allons voir comment régler le problème des polices manquantes dans Figma.

Exemple de Style Guide créé dans Figma
Site web 🌍
Design 🖌
February 15, 2022

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

Dans notre article du jour, nous nous intéressons à l'optimisation de votre style guide sur Figma pour Webflow ! Voici notre guide pour réussir son guide de style étapes par étapes.

Nuage de fusée en décollage, avec logo Google en bas à gauche et trois bulles regroupées avec écrit : SEO - SXO - UX
SEO 🥇
Design 🖌
February 14, 2022

SXO : l'intégration de l'UX dans le SEO

Avez-vous déjà entendu parlé de lui ? Le SXO ! C'est le nouveau facteur à intégrer à vos sites web pour améliorer votre SEO. Le SXO est la prise en compte de l'EU (expérience utilisateur) dans votre "score SEO". Découvrez dans cet article plus de détails sur le SXO et quelques moyens de l'améliorer.

Aperçu de formats d'images dans Figma
Site web 🌍
Design 🖌
February 3, 2022

Site web : Les tailles et formats d'image à respecter

Découvrez dans cet article, les tailles, formats et dimensions idéales d'images à respecter afin d'optimiser votre site web, vos performances et plus globalement votre visibilité en ligne !

Site Webflow de mercijack.co sur 3 supports (ordinateur, tablette et smartphone)
Site web 🌍
Webflow 💜
Design 🖌
January 23, 2022

C'est quoi un site web "Responsive Design" ?

Les chiffres sont formels, les internautes utilisent plus leur smartphone que leur ordinateur pour consulter des sites internet. Il est donc essentiel aujourd'hui de créer des sites web "responsive design"

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Plus de catégories

SEO 🥇

Besoin d'aide pour bien référencer son site sur les moteurs de recherche ? Digidop vous aide avec ses articles, tutos, conseils et tips sur le SEO !

Webflow 💜

S'améliorer sur Webflow grâce à des cours, tutos et formations en libre accès !

Site web 🌍

Améliorez votre site web grâce aux articles de blog de Digidop !

Nocode 🚀

Le No-Code comme vous ne l'avez jamais vu avec des contenus diversifiés, pédagogiques et informatifs !

Automation 🤖

Digidop vous propose différents contenus pour vous aider à faire des automatisations avec vos outils préférés (Make, Zapier, Airtable, Slack,...)