CODENOTCH : suivre vos quotas IA directement dans le notch Mac
📌 CODENOTCH est un outil macOS gratuit qui affiche votre utilisation des assistants IA — Claude, Cursor, Codex — sous forme d’anneaux colorés dans le notch latéral de votre MacBook.
📌 CODENOTCH est un outil macOS gratuit qui affiche votre utilisation des assistants IA — Claude, Cursor, Codex — sous forme d’anneaux colorés dans le notch latéral de votre MacBook.
📌 STEP1 est une extension Chrome qui clone 100% n’importe quel site web et applique instantanément le design à votre projet avec extraction de tokens et remix AI.
📌 LOGOCREATOR génère un logo de marque en quelques secondes grâce à FLUX.2 sur Together AI. Kit complet, gratuit, sans compte, export SVG + PNG. Open source, 8,4k stars.
📌 REVYME est un constructeur de sites open source qui combine canvas visuel, CMS, animations et export vers un véritable projet Next.js que vous pouvez lire, modifier et déployer.
📌 TOOEY est un outil web pour designer des interfaces de terminal (TUI) dans le navigateur, avec des bordures ASCII qui se raccordent automatiquement, des flex layouts, un mode multiplayer et l’export en PNG ou JSON.
📌 GRANULAR veut réunir terminal, agents IA et workflow dans une même interface, avec des sessions spécialisées et des aperçus du travail en cours.
📌 QoderWake est un agent IA autonome qui tourne 24h/24, spécialisé par rôle. Mémoire persistante entre tâches, exécution automatique, 100+ compétences. macOS, Windows, Linux.
📌 UIVERSE : la plus grande bibliothèque open source d’éléments UI. 7000+ composants copiables en HTML/CSS, Tailwind, React et Figma. MIT, usage commercial libre.
📌 WONDER : outil de design où le canvas produit du React+Tailwind production-ready. Mapping 1:1 design↔code, sync bidirectionnelle via serveur MCP (Claude, Cursor). Free/Pro 16$.
📌 TINY WEBP CONVERTER : app macOS native qui convertit par lots vos images (JPEG, PNG, HEIC…) en WebP ou AVIF. 100% hors ligne, gratuit, open source, sans upload.
https://paper.design 📌 PAPER est un canvas de design pour les équipes qui travaillent avec des agents, un espace unifié sur les standards du web. Ce qui m’intéresse ici, c’est l’approche radicalement différente : au lieu d’une boîte à outils isolée, Paper connecte le design, le code, les agents et les données dans un même espace….
📌 Skills est une collection de 78 prompts IA portables pour designers. Codex, Claude, Cursor — chaque skill est un SKILL.md réutilisable.
📌 OPEN DESIGN transforme votre agent de code en moteur de design capable de générer prototypes, dashboards, decks, images et vidéos en HTML/CSS réels.
📌 Granular est un terminal intelligent qui automatise vos flux de travail en déléguant l’exécution des commandes et l’orchestration des agents à l’IA.
📌 AWESOME LLM APPS est une collection open source de plus de 100 templates d’applications IA — agents, multi-agents, RAG, voix, MCP — chacun avec code source complet, testé de bout en bout, prêt à cloner et déployer en trois commandes. 113 000+ étoiles GitHub.
📌 Uncodixfy impose des regles simples pour eviter les interfaces IA stereotypees et obtenir des ecrans plus sobres, credibles et directement exploitables en production.
📌 TerraInk transforme n’importe quelle ville en poster cartographique personnalisable: recherche intelligente, thèmes avancés, typographie libre et export PNG haute résolution, avec un stack web moderne open source.
📌 DB Thing est un designer de schémas de base de données assisté par IA qui permet de créer, visualiser et optimiser des modèles via le langage naturel, avec export SQL, Prisma et Drizzle.
📌 Efecto Studio transforme une idée en interface web sur un canvas infini où toi et des agents IA construisez ensemble des composants réels en Tailwind + HTML, modifiables en direct puis exportables immédiatement.
📌 ScriptCat est un moteur de script open-source pour navigateur, compatible Tampermonkey, qui permet d’automatiser, personnaliser et enrichir votre expérience web.
📌 Vibed est un service en ligne permettant de développer des applications sans avoir à écrire de code soi-même. Un lovable pour Geek !! Il simplifie le processus de création d’applications en utilisant des agents d’IA qui exécutent les tâches complexes à votre place. Ce service propose une solution innovante pour les développeurs et créateurs, en réduisant les erreurs et en accélérant les délais de développement.
📌Affinity : La toute nouvelle version introduit une application unifiée qui rassemble la retouche photo, la conception graphique et la mise en page.
📌 Plasticity est un logiciel de modélisation 3D qui fusionne la puissance du **CAD (Parasolid)** avec l’approche intuitive des modeleurs directs, le rendant idéal pour les artistes et les concepteurs de produits.
📌 Mitte est un service en ligne qui propose une large palette de créations visuelles et sonores, toutes générées grâce à l’intelligence artificielle. L’outil met à disposition un studio numérique capable de transformer des idées en vidéos, images, logos ou encore en projets créatifs uniques.
📌 Kosmik est une application révolutionnaire qui transforme votre manière de collecter, d’organiser et de visualiser l’inspiration grâce à un canevas infini et à l’intelligence artificielle.
📌 Lasso est un gestionnaire de fenêtres pour macOS qui vous permet de créer des dispositions personnalisées et d’organiser votre espace de travail d’un simple glissement de souris.
📌 Solo est un service en ligne qui vous permet de créer instantanément votre site web. Vous pouvez connecter gratuitement votre domaine personnalisé.
📌 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.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 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.
📌 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.
📌 BOLT est un service de développement web complet alimenté par l’IA. Il permet de concevoir, exécuter, modifier et déployer des applications full-stack directement depuis le navigateur, sans configuration locale requise.
📌 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
📌 ARTICULATING DESIGN DECISIONS de Tom Greever présente l’importance de la communication dans le design, une compétence trop souvent sous-estimée. Il explique que la différence entre un bon designer et un excellent designer réside non seulement dans leur capacité à résoudre des problèmes avec leurs créations, mais aussi à communiquer efficacement leurs décisions.
📌 CREATIE est un outil de conception très intéressant. Premièrement CREATIE est gratuit et permet l’import parfait de fichier FIGMA, SKETCH, XD, AXURE, etc.
Ensuite, les fonctionnalités de CREATIE, alimentées par l’IA, rationalisent votre flux de travail, stimulent votre créativité et vous aident dans votre processus de conception.
📌 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 😉
📌 RELUME veut révolutionner la conception de sites Web avec l’intelligence artificielle. Contrairement à d’autres outils, Relume ne vise pas à remplacer les concepteurs, mais plutôt à les soutenir dans leur processus de conception.
📌 SAVEE est un service en ligne permettant d’enregistrer des images de n’importe quel site directement dans vos board sur SAVEE.
📌 FRAMER AI est la derniere nouveauté coté framer, avec un nouvel outil d’intelligence artificiel créant pour vous votre site d’après un prompt.
📌 MICROSOFT DESIGNER est une application gratuite de conception graphique alimentée par une IA qui vous aide à concevoir des visuels de haute qualité plutôt à destination des réseaux sociaux, des bannières pubs, des plaquettes commerciales, ou encore des postales numériques… MICROSOFT Designer propose en un clic des suggestions de conception pour vos idées et peut même vous aider à créer des images personnalisées avec DALL-E 2.
📌 SUPER DESIGNER est un ensemble de générateurs d’assets 2D, gratuits pour créer des arrière-plans, des motifs, des formes, des images et bien d’autres choses uniques en quelques clics.
📌 PUBCODER est un outil de conception et de distribution de contenus interactifs pour tous vos réseaux sociaux, site web et présentations.
📌 STAGE est un outil de conception en ligne permettant de concevoir et de prototyper des prototypes d’applications mobiles. Aucune compétence en conception n’est requise.
📌 PIKA est un color picker open-source pour macOS.
📌 DESIGNER DAILY REPORT est une extension chrome qui ouvre chaque jour un desigt, une éphéméride sur le design dans un nouvel onglet, en arrière-plan à 8h du matin.
📌 DESIGN NOTES est un site de curation, proposant une bibliothèque de ressources gratuite pour Product 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
📌 UX SKILLS MATRIX est un canvas permettant de s’autoévaluer sur les différentes compétences UX.
#cmondary
📌 DESECH est un outil de conception #Freemium, destiné aux concepteurs et programmeurs web. C’est donc un outil No-Code / Low-Code qui propose un éditeur visuel reprenant les interfaces classiques d’outil de designer, mais également une vue HTML/CSS.
#cmondary
📌 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
📌 UXTOAST est une application mobile iOS et Android se proposant d’apprendre les lois et principes fondamentaux de la conception UX et UI.
📌 AKIRA est un logiciel Linux de conception pour UX Designer.
AKIRA propose une approche moderne et rapide de la conception de l’interface utilisateur rappelant Sketch / Adobe XD. Ce logiciel s’adresse donc principalement aux graphistes et concepteurs Web. L’objectif est d’offrir une solution professionnelle aux concepteurs qui souhaitent utiliser Linux comme système d’exploitation principal.
#cmondary #tools #conception
📌 SNOWTRACK est un logiciel de contrôle de version rapide, intuitif et facile à utiliser pour les graphistes 2D/3D.
📌 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
📌 PIXAVE est une #application #MacOS de gestion d’images.
Pixave est là pour stocker et organiser vos images et fichiers de conceptions tels que Sketch ou Affinty Designer.
#cmondary #tools #Viewer #UI
#cmondary
📌 MOCKITT est un #outil de #prototypage rapide permettant de créer des #prototypes interactifs de manière collaborative, à l’aide de modèles par simple glisser-déposer.
Sa fonctionnalité de collaboration permet de travailler en équipe sur la même page et de voir les modifications apportées par vos coéquipiers en temps réel.
#Tools #conception #UX #cmondary
📌 HANDOFF est un nouvel outil de conception qui vous permettra de faire vos créa’ comme vous le feriez avec n’importe quel outil vectoriel traditionnel, Sketch, XD, etc, mais il vous permettra d’exporter vers un code « propre », prêt à l’emploi pour la production.
#tools #cmondary
📌 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
📌 PRODUCT DATABASE de UXdatabase est une base de données sur la conception des produits. Cette base de données gratuite et vous permettra de découvrir les meilleurs outils, méthodologies, plugins et ressources pour UX designer / Product Designer.
#Resources #tools #plugins #cmondary
📌 BOITE A OUTILS UX sous forme de #Trello proposée par @LucieFiguet.
Vous y retrouverez tous les #outils et #méthodes nécessaires à la bonne réalisation de vos projets.
Super initiative, et en plus super complet, je vous invite vraiment à y jeter un oeil.
#toolkit #UX #cmondary
📌 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
📌 ARTICLE sur le lexique du Designer
On ne s’en pas toujours compte en travaillant tous les jours dans le domaine mais c’est assez fournis !
Et vous, en voyez vous des manquants ?
#cmondary
📌 ARTICLE très intéressant sur l’agilité et l’adaptation du designer au manifeste Agile.
Fonction de la maturité du client mais également des enjeux de communications, les choses ne sont pas toujours simples. Je partage tout de même assez les conseils de l’auteur !
1/ Etablir un vocabulaire commun entre les différentes parties prenantes (communiquer efficacement niveau 1 😉 )
2/ Comprendre puis concevoir en gardant à l’esprit les enjeux business et les contraintes techniques
3/ Concevoir et maintenir des modules réutilisables (voir maintenir un design system)
4/ Délivrer à court terme, mais conserver toujours une vision à long terme
5/ Prendre des décisions stratégiques au bon moment et épauler le ProductOwner (communiquer efficacement niveau 2 😉 )
6/ Éviter d’être (trop) un puriste quant au process
7/ Soyez un coéquipier efficace, mais aussi et surtout un bon négociateur (communiquer efficacement niveau 3 😉 )
#tips #cmondary
📌 ARTICLE sur comment gérer son temps de travail en 7 conseils plutôt smarts 😉
L’auteur propose de mieux gérer son temps afin de retrouver du temps pour le design. Evidemment ces #tips sont valables même si vous n’êtes pas Designer.
Personnellement les conseils 5 et 7 son pour moi ceux qui sont les plus efficaces !!!
1/ Bloquer vous du temps pour designer, directement dans votre #agenda
2/ N’ayez pas peur de refuser des réunions
3/ Proposer de décaler les réunions à des heures ou jours qui vous conviennent mieux
4/ Respectez votre temps (Exigez un ordre du jour, un objectif et une durée pour vos réunion, et lors des réunions ne perdez pas de temps)
5/ Ne commencez pas la journée avec vos mails ou Slack / Teams / etc !!!
6/ Faire des pauses
7/ Ne choisissez pas la fréquence hebdomadaire par défaut (Privilégier de courtes reunions quotidienne plutôt qu’hebdomadaire, comme un daily stand up meeting 😉 )
📌 EVOLT est une plateforme en ligne permettant de gérer ses #projets à la manière d’un #designer
📌 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
https://uxdesign.cc/product-design-vs-ux-design-whats-the-difference-461b3f11b76b
📌 ARTICLE qui met le doigt sur la différence entre PRODUCT DESIGNER et #UX DESIGNER. Exercice toujours périlleux et clivant, mais je partage quand même.
Et vous, êtes vous plutôt UX ou #ProductDesigner?
#Skills #cmondary
📌 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
📌 KOPIE est un plugin pour SKETCH / XD / FIGMA permettant une meilleure collaboration entre UX Writer et UX Designer.
L’idée est simple. Vous mettez a disposition votre maquette synchronisée, sur laquelle le Writer va pouvoir insérer / modifier son texte, directement depuis une page web.
Très pratique également pour votre service juridiques et les nombreuses de Disclaimer et Mentions légales 😉 #UX #Collaboration #Writer #Tools #Sketch #XD #Figma #Plugin #cmondary
📌 ARTICLE très intéressant sur les 20 règles clés du recrutement d’un designer.
📌 PHRASE est plugin Sketch qui vous permet de gérer très facilement les différentes versions linguistiques.
📌 BOOKMARKS DESIGN est un site listant un grand nombre de services en ligne pour les métiers du design. ll vient avantageusement compléter la liste des outils de curation des immanquables du designer !
📌 AWESOME DESIGN TOOLS / PLUGINS est un site qui référence un ensemble de ressources utiles pour designer. On regrette l’absence de ScreenShots, mais la liste et très complète et le moteur de recherche fonctionne très bien !
📌 ARTICLE très intéressant sur les barrières qui se créées entre développeur et designer au cours d’un projet.
📌 ARTICLE vraiment cool sur les différents types de NOIRS :
Rich black: #000000
Pure black : #231F20
Cool black : #021323
Warm black : #220000
Designer black: #242831
📌 Je continue dans ma série d’ARTICLES sur l’évaluation des compétences UX, car c’est un sujet qui me plait
📌 ARTICLE sur les quatre raisons de faire vos design en noir et blanc
📌 Je vous propose un petit article très intéressant sur l’évaluation des compétences de votre équipe UX. J’ai dû ajouter des compétences qui n’y figure pas. Et vous, quelles compétences rajouteriez-vous à cette matrice ?
📌 SIMPLIFY est une extension CHROME ou FIFREFOX qui vous proposera une nouvelle interface très épurée et ergonomique pour votre GMAIL. Le résultat est assez bluffant et on y gagne réellement en lisibilité.
Ci dessous l’article qui m’a permis de découvrir cette extension : https://www.fastcompany.com/90338929/the-former-lead-designer-of-gmail-just-fixed-gmail-on-his-own
📌 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 !
📌 PIXELMATOR est un outil de design simple et de prise en main et abordable.
📌RESSOURCE CARDS est un site dans la lignée de THE STOCKS 2, regroupant un ensemble de ressources organisées par besoin. Véritable boite à outil du designer.
📌 PURE AGENCY recherche un UX designer Senior. Si vous êtes motivé à l’idée de travailler en plein cœur de Paris (Chatelet), avec une équipe sympa sur des projets innovants, faites moi signe 😉
📌 ARTICLE pragmatique sur l’incorporation des utilisateurs finaux au sein du cycle de conception centré utilisateur. Je recommande !
📌 Un article génial sur les personas ! Personnellement je crois qu’un mauvais usage est souvent fait des personas qui sont souvent des personas marketing et donc peu pertinents pour nos problématiques de UX designer. Les personas ne devraient pas être des archétypes CSP, mais devraient refléter les typologies d’usage, de contexte d’usage, de rapport au service / produit.
📌 THIGA nous propose ici un toolkit pour Product Owner avec un atelier BUY A FEATURE. Je dois avouer qu’en tant qu’UX designer j’ai bcp utilisé cette méthodologie, avec de jolis billets personnalisés et plastifiés. Bref une méthodologie que j’aile beaucoup et qui est bien plus efficace que certaines autres formes de priorisations comme le Dot Voting, La priorisation sur Axes, etc …
📌 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 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 AMEOBA est un outil en ligne permettant de représenter ses compétences en UX sous forme de diagramme de KIVIAT.
📌 Très bon article sur les compétences que de doit posséder un bon UX designer. Je partage à 100% le propos !
📌 Je recherche un(e) UX designer Confirmé(e) ou Senior pour rejoindre PURE AGENCY
📌 « Faire vivre des expériences fluides et confortables à ses clients est beaucoup plus performant que d’essayer de trouver des clients pour ses produits ». Ce que j’ai toujours aimé dans mon métier d’ergonome et d’UX designer, c’est son caractère louable, où l’on essaye s’adapter les services, produits et travail à l’homme, et non l’inverse !! Le fait que ce soit devenu un véritable business n’est en fait que secondaire.
📌 Hello tout le monde, Je recherche activement un(e) UX designer Confirmé(e) ou Senior pour rejoindre PURE AGENCY.
📌 DIGITAL DESIGN TOOLS est un autre site se proposant de lister et regrouper des outils de designer.
📌 Article vraiment sympa sur comment designer le mode OFFLINE d’une application.
📌 Je cherche à remplacer LINGO depuis un moment, il y a pas longtemps j’écrivais sur NUCLEO, mais finalement je pense utiliser EAGLE. Le logiciel (mac et windows) permet de créer des librairies de contenu graphique de manière très simple, il supporte les différents services cloud (dropbox, google drive, etc…) et un grand nombre de format de fichiers (Sketch, AI, PSD, XD, PPT, KEY, AF Designer, AF Photo, PDF, SVG, JPG, PNG, etc … etc …) Vraiment sympa comme soft.
📌 GOOGLE WEB DESIGNER se met à jour, et ça fait un moment que cela n’était pas arrivé 🙂
📌 Classique, mais ça a le mérite d’être dit 😉
📌 Personnellement je ne crois pas du tout à l’utilité d’un protfolio pour un UX designer. Etant de formation Ergonome, un portfolio Wireframe / Proto n’est pas du tout vendeur et les compétences de l’UX devraient être jugées sur les méthodos UX et non un portfolio graphique représentatif des compétences de UI et non de UX…