Kombai : L’IA qui transforme vos designs en code front-end
📌 Kombai est un outil d’IA qui analyse vos designs Figma et génère automatiquement un code front-end de haute qualité, vous faisant gagner des heures de travail.
-
-
uiverse.io : La galaxie d’éléments UI gratuits pour vos projets
📌 uiverse.io est une immense bibliothèque open-source d’éléments d’interface (UI) gratuits, créés en HTML/CSS par une communauté de passionnés, prêts à être copiés-collés.
-
Pencil : Le canvas de design intégré à votre code pour le développement IA
📌 Pencil est une plateforme de design qui vit directement dans votre base de code, permettant de concevoir, coder et itérer des produits en mode pixel-perfect sans quitter votre IDE.
-
BULKTOPUS : Un seul design. Tous les formats, en quelques secondes ⚡
📌 BULKTOPUS est un outil de création de contenu qui vous permet de générer tous vos formats de médias sociaux et publicitaires en une seule fois. Bulktopus est conçu pour les non-designers. Il suffit de télécharger votre contenu et de choisir vos plateformes, et Bulktopus se charge du formatage pour vous.
-
DOT : un assistant IA qui respecte tes données
📌 DOT est une application qui permet d’interagir avec ses documents grâce à l’intelligence artificielle, tout en gardant ses données entièrement locales.
-
Comprendre les design systems et les UI kits
📌 Clarifier deux notions clés du design UX : les design systems et les UI kits, souvent confondus, mais distincts dans leur usage.
-
‹div›RIOTS : La révolution des workflows Figma
📌 ‹div›RIOTS propose des plugins révolutionnaires pour Figma, conçus pour améliorer la productivité et la créativité des designers. Avec plus de 20 plugins et une communauté de 2,5 millions d’utilisateurs, divRIOTS s’impose comme un acteur incontournable dans l’univers du design.
-
Un design system, ce n’est pas (juste) un UI kit et pourquoi construire un Design System ?
📌 Explorons ici la vraie valeur d’un design system au-delà de la simple cohérence visuelle. Trop souvent réduit à une simple bibliothèque de composants ou confondu avec un UI kit, le design system possède comme j’aimer le decrire, deux facettes d’une même pièce : une Design Library et une Code Library. C’est en réalité un ensemble complet d’assets designés et codés qui encadrent la conception et le développement d’un produit numérique.
-
TOOOLS : Bibliothèque d’outils pour designer
📌 Toools.design est une plateforme qui regroupe plus de 1 500 ressources dédiées au design, régulièrement mises à jour pour la communauté.
-
POLYMET : Vos prototypes en quelques prompts
📌 POLYMET est une application conçue pour accélérer la création de produits numériques grâce à l’intelligence artificielle. Elle permet de concevoir des interfaces en langage naturel et d’obtenir du code prêt à être utilisé en production, le tout sans perdre de temps. L’interface parlera beaucoup plus aux designers qui retrouveront une interface proche de Figma.
-
UX Design : Pourquoi la construction de la crédibilité est importante en tant que designer
📌 Je vous propose aujourd’hui un article qui explore un aspect crucial du parcours des designers : la manière de bâtir sa crédibilité pour convaincre et valider les décisions, au-delà de la simple conception.
-
v0 : Figma to Code
📌 V0 est une application révolutionnaire pour les développeurs et designers. Annoncée par Vercel il y a quelques mois, V0.dev utilise une technologie similaire à ChatGPT pour générer du code React dédié à l’interface utilisateur. Ce qui le distingue, c’est sa capacité à transformer directement des designs Figma en code React, facilitant ainsi la transition entre conception et développement.
-
COPY//ARTIFACT : Générer des images gratuitement
📌 COPY//ARTIFACT est un service en ligne gratuit de génération d’image par IA, comme peut l’être MIDJOURNEY. Il se distingue par son approche intuitive et sa polyvalence, permettant aux utilisateurs de créer des visuels originaux en quelques clics. 🌟
-
RIFFO : Outil de renommage et de gestion de fichiers piloté par l’IA
📌 RIFFO est une application conçue pour rendre l’organisation de vos fichiers aussi simple que possible. Cet outil intelligent de renommage et d’organisation de fichiers utilise une IA pour vous aider à gérer facilement les fichiers et à améliorer l’efficacité de votre travail. Il est idéal pour les photographes, les designers et tous les professionnels à la recherche d’une grande productivité.
-
INFA.IA : Outil pour design system nouvelle generation
📌 INFA Ai est une nouvelle méthode d’inventaire et de visualisation du design system.
-
Extraire le contenu textuel des JPG
Voici les différentes manières d’extraire du texte de vos JPG
-
DNS Checker : un outil de vérification de la propagation des DNS
📌 DNS Checker est un outil en ligne pour vérifier la propagation DNS. Il vous permet de vérifier la disponibilité de votre site à l’échelle mondiale
-
LAYERS : Votre portfolio communautaire
📌 LAYERS est une plateforme permettant aux designers de partager leurs projets et de trouver l’inspiration, un peu comme BEHANCE et DRIBBLE, mais en plus moderne. Ce qui rend Layers unique, c’est l’accent mis sur la communauté et l’interaction entre les utilisateurs.
-
UNICORN : Créez des scènes animées et interactives pour votre site web.
📌 UNICORN est un service permettant d’améliorer votre site Web avec des effets WebGL stylés, du mouvement et de l’interactivité, rapidement, en quelques minutes.
-
GRAPHITE : alternative open source à Illustrator
📌 GRAPHITE est un outil de conception vectoriel gratuit, open source, vraiment intéressant pour les designers et les passionnés ne disposant pas d’un budget pour illustrator.
-
20 compétences techniques indispensables pour les UX designers en 2024
📌 Je vous mets ici une traduction d’un article vraiment sympa sur les compétences clés d’un UX designers. Je me suis permis également d’amender, de compléter et d’ajouter un certain nombre de commentaires 😉
-
Rive – L’application d’animation pour les designers
📌 RIVE EDITOR est une application qui vous permet de concevoir des animations complexes avec une riche interactivité, et ces animations se traduisent de manière transparente en code que les développeurs peuvent utiliser directement. Pensez-y comme un pont entre le monde des visuels et celui des produits fonctionnels et opérationnels.
-
COLORBLINDLY : Simuler le daltonisme
📌 COLORBLINDLY est une extension qui ajuste les couleurs des sites web pour les rendre plus accessibles aux utilisateurs daltoniens. Elle modifie les contrastes de couleurs, permettant de différencier certaines d’entre elles qui peuvent être confondues. Cet outil est particulièrement utile pour les designers soucieux de l’accessibilité de leurs travaux, car elle les aide à visualiser leurs créations à travers un filtre et à comprendre ce que certains utilisateurs peuvent percevoir. Ainsi, ils peuvent ajuster leurs palettes de couleurs pour améliorer la clarté des designs.
-
DESIGN LOBBY : Stockage et contrôle de versions de vos assets créatifs
📌 DESIGN LOBBY est une plateforme qui vous aide à gérer les assets de conception dans le cloud et offre une fonctionnalité de Versionning et donc de control de version fort appréciable pour les équipes design ou même les freelances.
-
PLASK.AI : Le motion capture facilement
https://plask.ai/ 📌 PLASK est un service d’animation 3D basé sur l’intelligence artificielle. Il permet aux utilisateurs de créer des animations réalistes, a base de motion capture, mais sans avoir besoin d’un costume de capture de mouvement. Le service fonctionne en utilisant un modèle d’apprentissage automatique pour analyser des vidéos de personnes en mouvement. Le modèle…
-
AI CAROUSELS : La façon la plus rapide de créer des carrousels pour vos réseaux sociaux
📌 AI CAROUSELS est un service en ligne permettant de créer rapidement et simplement des carousels pour vos réseaux sociaux. L’outil est simpl et intuitif pour les non designers et la rédaction du contenu est quand à elle aidée par une IA.
-
ROY : Color Picker
📌 ROY un petit et élégant color picker pour les designers.
-
ANIMIX : De puissantes animations dans Figma
📌 ANIMIX est un plugin FIGMA proposant de créer des animations directement depuis Figma.
A la manière d’After Effect, vous disposez d’une Timeline et de Keyframes pour laisser libre cours à vos idées. -
SHORTCUTS : Pense bête des raccourcis claviers
📌 SHORTCUTS est un service en ligne proposant tous les raccourcis pour les designers, sur l’ensemble des outils de conception les plus utilisés, le tout de manière centralisé !
-
TINY HELPERS
📌 TINY HELPERS est une bibliothèque (un site de curation) de ressources utiles pour les développeurs et les designers.
Ce qui ne gâche rien, le site propose un flux RSS, ainsi qu’un compte Twitter afin de rester informé en temps réel, sur l’ensemble des ressources postées sur le site. -
Les différents profils de Designer
📌 J’adore ce genre d’ARTICLE sur les typologies de personnes et skills que l’on retrouve dans nos métiers. Tout comme l’auteur, je pense qu’une équipe doit être parfaitement équilibrée pour bénéficier des apports de chacun.
#cmondary -
MOKO : Bibliothèque SVG et Lottie dans le cloud
📌 MOKO est un outil qui permet de stocker vos visuels, illustrations et animations aux formats SVG ou Lottie.
#cmondary -
RELATE : Outil de conception Design to Code
📌 RELATE est un outil de conception visant à fluidifier les échanges entre designers et développeurs via une application Design to code.
Designer vos écrans comme vous le feriez habituellement sur Sketch ou Figma et obtenez un code HTML / CSS / JS directement exploitable. Pendant que vous concevez, le code est généré en arrière-plan et peut être publié n’importe où. Un véritable gain de temps pour votre équipe !
#cmondary -
NEXTUX : outil de conception gratuit
📌 NEXTUX est un outil de conception en ligne, collaboratif, gratuit permettant même de capturer facilement des screenshots de votre site web via son extension chrome.
#cmondary -
GRAPHITE SPACE : Editeur NoCode de siteweb
📌 GRAPHITE est un service #NoCode de création de #SiteWeb 100% gratuit !
GRAPHITE SPACE est un éditeur visuel créé, avant tout, pour les designers. Avec GRAPHITE SPACE, vous pouvez utiliser des calques, un positionnement absolu des élémentes et d’autres outils bien connus des éditeurs graphiques pour concevoir une maquette et obtenir une page Web pixel perfect.
#cmondary #Tools -
MOCKFLOW
📌 MOCKFLOW est un #outil de #conception rapide, et ne demandant aucune compétence en #design. C’est un moyen rapide de trouver des idées pour vos interfaces utilisateurs avec des équipes de non designers.
#cmondary -
THE PRO TOOLBOX
📌 THE PRO TOOLBOX est une #librairie en ligne regroupant un ensemble d’outils et de ressources intéressante pour designers et développeurs, tels que des icônes, des illustrations, des photos d’archives, des arrière-plans, des textures, des fichiers audio, etc.
Cette pro #toolbox propose donc plus de 150 #outils en ligne qui facilitent la tâche des #entrepreneurs, #concepteurs, #développeurs et créateurs en ligne.
#cmondary #ressources -
CAVALRY : Application motion design
📌 CAVALRY est une nouvelle #application de #MotionDesign et d’animation.
#cmondary #UX #Tools -
✏️ Conception | 🗞 Article | 🛠 Tools | 🧩 Tips
UX tools ultime ?
📌 ARTICLE intéressant sur l’outil de prototypage ultime, et l’ensemble des fonctionnalités qu’il doit posséder.
#cmondary -
MALLI : Mockups
📌 MALLI est une #bibliothèque de #mockups gratuits. Soigneusement sélectionnés avec amour par des designers, toutes les mockups peuvent être utilisés à des fins commerciales. Les mockups sont fournis au format #.PSD, et de nouveaux sont ajoutés chaque semaine !
#Resources #cmondary -
Le design System détruit il le métier d’UX ?
📌 ARTICLE sur la manière qu’a le DesignSystem de changer nos métiers.
En effet, l’autrice présuppose ici qu’une fois que vous aurez un DesignSystem, les emplois commencerons à changer, et vous serez à la recherche de nouvelles compétences CX/UX pour vos candidats.
Parce qu’avec un DesignSystem, n’importe qui peut faire un joli wireframe en utilisant les composants prédéfinis. La tache de conception sera donc une tache d’assemblage, accessible à tout le monde.
Les compétences CX / UX valorisés seront alors plus axés sur la méthodologie et certainement la Recherche, Co-conception et Tests.
#cmondary -
76 Designer tools : 2020 selection
📌 ARTICLE présentant une sélection des 76 meilleurs #outils pour designer en #2020.
Au final je les ai tous testé, et ce sont tous de très bons outils.
J’apprécie la #selection et je pense que je devrais écrire ce genre d’article une fois par an pour faire le bilan annuel, qu’en pensez vous?
#tools #cmondary -
DRIBBLE : l’ UX expliqué à un enfant de 5 ans
📌 ARTICLE présentant 8 manières d’expliquer la conception d’expérience utilisateur à un enfant de cinq ans… Le résultat donne des réponses créatives, parfois hilarantes.
Si vous avez déjà essayé d’expliquer l’ UX à quelqu’un qui n’a absolument aucune idée de ce que cela signifie, je pense que vous retrouverez certaines de vos explications.
C’est marrant car ça me rappelle la manière dont je présentais à l’époque mon métier d’ergonome. J’espère que vous apprécierez !
1. C’est comme ça qu’on fabrique des trucs pour que papa ne crie plus à l’écran
2. Tu vois ce trottoir ? Ça s’appelle du design. Tu vois ce raccourci ? Ca c’est de l’UX
3. C’est rendre les applications si faciles que tes grands-parents peuvent les utiliser
4. La conception UX rend les choses difficiles plus faciles à utiliser
5. Les UX designers sont des agents du bonheur …
6. Comment vous sentiriez-vous si vous deviez cliquer 20 fois pour acheter des baies de schtroumpf ? Exactement. C’est pourquoi nous avons des UX designers
7. Tu vois le téléphone de tes parents ? C’est mon travail de le rendre moins confus
8. Je peux à peine l’expliquer à mon père
Si ça vous a plu vous pouvez en consulter 10 autres ici:
https://dribbble.com/stories/2020/07/09/explaining-graphic-design-to-a-kid
#cmondary -
CLOVER : The all-in-one notebook for creatives
📌 CLOVER est un futur service de prise de note pour #Designers et #Créatifs.
Il reprend les codes de #Notion et son principal atout semble être de pouvoir travailler sur un #artboard comme l’on pourrait le faire sur #MIRO par exemple, puis d’avoir une option de rangement, une vue remettant tous les éléments dans un ordre lisible, plus structuré…
Vraiment hate d’essayer
#note #tools #cmondary -
KPI et UX design
📌 ARTICLE sur les KPIs dans l’UX design.
Ici l’article fait plutot la promotion de l’usage des KPI sans nécessairement en donner :
– Un KPI est un outil servant a communiquer
– Un KPI est un outil permettant de repérer les problèmes
– Un KPI est un outil permettant de transformer l’abstrait en concret
– Un KPI est un outil permettant de relier les objectifs commerciaux et l’expérience de l’utilisateur
– Un KPI est un outil qui permet d’avoir plus impact.
Je partage tout à fait le point de vue,
Je pense également que l’on peut définir comme grands KPIs, le gain en efficacité opérationnel d’une tache :
– Temps de réalisation,
– Taux de réussite,
– Utilisation navigation prévue VS outil de recherche
– Taux de transformation (et donc taux d’échec / abandon)
– Nombre de clics pour réaliser la tache
– Nombre d’étapes parcourues pour réaliser la tache
– Taux de clic pour chacun des CTA (quels sont ceux inutilisés)
Et vous quels sont vos KPI?
#cmondary -
Environment centered design : Actant Mapping Canvas
📌 ARTICLE super intéressant sur ce nouveau cadre de conception appelé : la conception centrée sur l’environnement (Environment centered design) qui se propose de réfléchir une #conception centrée non plus uniquement sur l’utilisateur, mais sur l’ #environnement !!
Sachant que nous dépassons assez habituellement les limites environnementales de la Terre : qu’est-ce qui est en danger pour tous les êtres vivants si nous, les humains, continuons à ne pas tenir compte des besoins, des limites et des préférences de la Terre dans le processus de conception et de fourniture des produits et des services que nous contribuons à construire.
Je trouve le concept et la démarche franchement intéressante, dans l’air du temps et engagée !!
L’article porte sur une première #méthode, un premier #Canvas : Le ACTANT MAPPING CANVAS.
Le #canvas aide à cartographier tous les acteurs humains et non humains (« actants ») d’un produit ou d’un service que vous (re)concevez et – idéalement – vous fait commencer à sympathiser avec eux par le biais d’éléments actionnables dans votre processus décisionnel. -
Les Clichés UX
📌 ARTICLE super sympa sur les clichés UX.
J’adore ce genre de petite lecture légère, car cela permet de se positionner par rapport au cliché… De plus j’aime beaucoup cet article car le temps est volontairement très décalé !
#UX #Cmondary -
DESIGN RESSOURC.ES
📌 DESIGN RESSOURC.ES est une liste d’outils de #design regroupés d’une #librairie en ligne pour aider les designers à progresser et à rechercher de nouveaux outils. Super liste, vraiment très bien fournies
-
Compétences d’un UX Designer en 2020
📌 ARTICLE super sympa sur quelles sont les #compétences majeure a possédé pour être un bon #UX Designer en 2020.
Je partage pleinement le point de vue :
1/ Allier les enjeux Business aux besoins utilisateurs
2/ Maitriser les aspects techniques
3/ Etre très attentif à vos soft #skills
4/ Savoir résoudre les problèmes
5/ Concevoir des prototypes interactifs haute-fidélité
6/ Savoir travailler en équipe
7/ Possédez des compétences rédactionnelles (UX Writing)
8/ Concevoir avec éthique et dans le respect de la vie privée -
20 règles pour recruter un designer
📌 ARTICLE très intéressant sur les 20 règles clés du recrutement d’un designer.
-
BRILL – scanner de post-its
📌 BRILL est une application iOS vraiment pratique pour les UX designers. Elle permet en effet d’automatiquement scanner et re-saisir vos post-its pour les convertir en cartes virtuelles
-
DESIGN DECISION WORKFLOW !
📌 ARTICLE très intéressant sur les barrières qui se créées entre développeur et designer au cours d’un projet.
-
15 meilleurs plugins FIGMA
📌 FIGMA se dote de plugins et comble par la même occasion son « retard » sur SKETCH. Ici un article sur les 15 meilleurs
-
Design Critique – Evaluation
📌 ARTICLE génial sur la conduite d’ateliers de critiques constructives au sein de votre équipe de designers.
-
Are bad designers hiding behind the term “UX”?
📌 Cet ARTICLE a été partagé, et repartagé, et a vraiment fait grand bruit. Et je dois reconnaitre que si je devais me positionner je serais plutôt d’accord avec l’auteur et reconnaitre que certains UX manquent parfois de rigueur.
-
Graphic Facilitation – Sketching Human Faces
📌 Si vous êtes amené à utiliser beaucoup de post-its, comme bon nombre d’UX Designers, alors cet ARTICLE se propose un petit tuto pour les rendre vraiment plus sympas et compréhensibles !
-
Sondage 2019 – Salaire des designers
📌 Très bonne initiative !! Je suis pour la transparence des salaires, ce qui permet à tous de bien se situer et de faire valoir les réels salaires dans nos métiers ! Merci @Raphaël Yharrassarry
-
Avez vous l’oeil du designer ?
📌 Petit jeu sympa pour designer. IT’S CENTERED THAT vous propose de tester votre œil en déclarant pour chaque forme si le point est centré ou non. Attention en cas d’erreur, la sanction est terrible !
-
Creolabs.com
📌 CREO LABS est un outil, gratuit pendant 1 an, permettant de concevoir des applications mobiles avec des outils proches de ceux que les designers connaissent.
-
Plectica : Whiteboard for Designers
📌 PLECTICA est un service en ligne proposant de remplacer votre tableau blanc ainsi que vos #post-its. Il permet en effet de créer des #cartes que vous allez pouvoir organiser visuellement, reliez entre elles, etc… Pratique pour faire un carte sorting, un #mapping, un #ServiceBlueprint ou autre. La version gratuite propose jusqu’à 250 cartes gratuites, après il faut payer. Mais pour un usage ponctuel ou si OPTIMAL WHORKSHOP vous parrait sous-dimentionné pour vos besoins, cela peut être intéressant.
#tools #cmondary -
ADN des designers, comment vous évaluer ?
📌 ARTICLE très sympa sur l’ADN des designers. Je trouve les axes assez intéressants, et il est toujours appréciable de savoir se situer sur un spectre de compétence défini.
-
Anima : padding in sketch
📌 ANIMA continue de s’imposer comme étant LE plugin SKETCH incontournable, avec l’annonce d’une fonction PADDING permettant de retailler les boutons et champs de saisie à la taille du texte qu’ils contiennent (adieu PADDY le plugin dédié…)
-
UX amoeba : UX skills
📌 UX AMEOBA est un outil en ligne permettant de représenter ses compétences en UX sous forme de diagramme de KIVIAT.
-
ALVA : outil de conception sympa
📌 En ce moment je test GOOGLE APP MAKER. Cherchant un outil similaire, j’ai découvert ALVA
-
POLY librair 3D par google
📌 POLY est un service google pour tous les designers 3D.
-
SPIRIT JS est un outil d’animation avec timeline et keyframe
📌 SPIRITjs est un outil d’animation avec timeline et keyframe pour Designers et Développeurs.
-
WEBFLOW : outil de conception complet
📌 WEBFLOW permet maintenant de créer des animations en reprenant un peu le concept de l’inspector de KEYNOTE.
-
Evolution du design
📌 Un article vraiment intéressant sur l’évolution du design.
-
Micro Interactions et Ergonomie
📌 les animations ne sont pas seulement esthétiques mais permettent d’être en accord avec un certain nombre de critères ergonomiques
