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
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"

Les menus de navigations et UX design écrit sur un fond de templates de "navbar"
Site web 🌍
Design 🖌
January 18, 2022

Conseils UX Design : Les Menus de Navigation (Navbar)

Les conseils de notre UX Designer pour permettre une meilleure navigation sur votre site web en optimisant le menu de navigation (Navbar) de celui-ci !

Wireframe en arrière plan avec le logo de Figma et Miro au premier plan
Nocode 🚀
Design 🖌
January 10, 2022

2 outils no-code pour créer des maquettes web

Dans cet article, nous parlons de 2 outils no-code, puissants et collaboratifs pour la création de maquettes de sites web en 2022 : Figma et Miro.

Logo Figma, logo unsplash, logo inonify, logo AutoFlow, logo Stark
Nocode 🚀
Design 🖌
January 6, 2022

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

Les outils qui vous font gagner du temps dans vos conceptions sur figma ! Designs, visuels, raccourcis ⚡️

Thumbnail avec la photo de Mérieux UX Designer de Digidop, le logo de Digidop et le titre "UX/UI Design"
Site web 🌍
Design 🖌
December 30, 2021

Expert Conseils : Réussir l'UX Design d'un site E-commerce

Pour une boutique en ligne (un site e-commerce), il est important d'avoir une bonne UX. En effet, sans cela, les internautes peuvent se sentir perdus sur votre commerce en ligne. Un magasin physique est bien organisé et pensé pour que les clients soient guidés dans leur parcours d'achat. Sur internet, il faut faire de même. Avec la masse d'informations et la masse d'offres qu'il y a sur le web, il faut penser à l'utilisateur. Pour cela, nous avons, dans cet article de type interview, interrogé l'UX Designer de Digidop, Mérieux, pour nous aider à comprendre les bonnes pratiques à respecter pour optimiser et réussir l'UX design de son site e-commerce.

Ecran d'ordinateur avec un mockup 3d figma
Nocode 🚀
Design 🖌
December 14, 2021

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

Découvrez comment réaliser le wireframe de votre futur site web avec l'outil nocode Figma. Vous pourrez alors avoir une vue d'ensemble de l'architecture de votre site avant de le concevoir !

Capture d-ecran-concervision-figma-webflow
Webflow 💜
Nocode 🚀
Design 🖌
November 24, 2021

Figma et Webflow : meilleur combo outils pour créer un site web ?

La conception de sites internet est devenue plus que jamais un passage obligé pour une entreprise souhaitant se faire connaître et vendre ses produits et/ou services. L'outil de conception de maquette site web le plus répandu est Sketch, mais il est souvent réservé à des utilisateurs professionnels ayant déjà une expérience dans le domaine. Par conséquent, un grand nombre de personnes se sentent un peu perdues en utilisant le logiciel, et cherchent une alternative à Sketch facile à apprendre et à utiliser. Aujourd'hui, nous vous présentons un logiciel gratuit qui peut vous venir en aide dans cette tâche : Figma.

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,...)