Mockdown : créer des wireframes ASCII rapides et partageables
📌 Mockdown est un éditeur web de wireframes ASCII pour prototyper vite, structurer des interfaces et partager des maquettes en texte sans friction.
-
-
Efecto Studio : un canvas IA pour designer des interfaces web en duo avec des agents
📌 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.
-
Stable Diffusion WebUI (AUTOMATIC1111) : l’interface web de référence pour générer et éditer des images avec Stable Diffusion
📌 Stable Diffusion WebUI (AUTOMATIC1111) est une interface web locale très populaire pour Stable Diffusion, avec génération, édition, upscaling, extensions et workflows avancés dans un seul outil.
-
Impeccable: Design skills pour ton agent AI
📌 Impeccable est un skill pour votre agent IA qui vise à l’amélioration des interfaces utilisateur en appliquant des principes de conception robustes et éprouvés. Il s’appuie sur les compétences de conception front-end originales d’Anthropic et les enrichit avec des modèles et anti-modèles à travers des éléments essentiels comme la typographie, les couleurs, la mise en page, le mouvement, et bien plus encore.
-
Subframe : créer des interfaces web de qualité beaucoup plus vite
📌 Subframe accélère la création d’interfaces React + TailwindCSS avec un éditeur visuel drag-and-drop et un code prêt à intégrer en production.
-
Auto-Claude : orchestrer un coding multi-agents autonome de bout en bout
📌 Auto-Claude automatise planning, implémentation et validation avec des agents parallèles, worktrees Git isolés et QA intégrée sur desktop et CLI.
-
Omarchist : Créez des thèmes Omarchy via une interface graphique intuitive
📌 Application GUI pour personnaliser les thèmes Omarchy avec prévisualisation en temps réel
-
AGENTATION : Annotez vos interfaces et envoyez les corrections à votre agent
📌 Agentation est un outil qui facilite la communication entre vous et les agents IA (Claude, Cursor, etc.) .Il transforme les annotations d’interface utilisateur en un contexte structuré compréhensible par les agents IA. Il permet de pointer directement sur un élément de l’interface, d’ajouter une annotation et de coller le résultat dans des outils d’IA comme Claude Code, Cursor ou tout autre outil similaire.
-
NullClaw : une infrastructure d’assistant IA autonome ultra-légère en Zig
📌 NullClaw condense un assistant IA autonome dans un binaire Zig ultra-léger, portable, modulaire et sécurisé, capable de tourner localement ou en edge avec une empreinte mémoire minimale.
-
Ant Design – Le deuxième framework React UI le plus populaire au monde
📌 Ant Design est un framework UI conçu pour créer des interfaces utilisateur élégantes et intuitives, particulièrement adapté pour les applications React. Il allie beauté et intelligence, ce qui permet de travailler dans un environnement inspirant et agréable.
-
Oh My Posh Visual Configurator : Créez votre prompt de terminal sur mesure sans coder
📌 OH MY POSH VISUAL CONFIGURATOR est outil web gratuit qui simplifie la création de thèmes personnalisés pour le prompt de votre terminal. Il permet de visualiser instantanément les modifications sans toucher aux fichiers de configuration.
-
DAISYUI BLUEPRINT : framework tailwind css super esthetique
📌 DAISYUI BLUEPRINT est un serveur MCP qui sert à générer du code daisyUI fiable, à la demande, directement depuis un LLM et un éditeur de code.
-
BuildJoy : Trouver des Développeurs Qualifiés et des CTO Fractionnels pour votre Startup
📌 BuildJoy est une plateforme tout-en-un conçue pour accélérer la création et la mise en production d’applications sans complexité technique. L’objectif est simple : offrir une expérience fluide et collaborative où les équipes peuvent concevoir, construire et déployer des produits numériques de manière intuitive et rapide.
-
Nuclear : Le lecteur audio open-source qui trouve gratuitement votre musique
📌 Nuclear est un lecteur audio desktop innovant et entièrement open-source qui se distingue par sa capacité à rechercher et diffuser automatiquement de la musique gratuite depuis diverses sources en ligne. Développé par nukeop, ce projet ambitieux est actuellement en cours de refonte majeure.
-
CURSOR : enfin un éditeur figma-like
📌 CURSOR ajoute aujourd’hui a ses features, un « Visual Editor », entendez par la figma-like, pour rendre la création d’interfaces plus immédiate, plus fluide et plus intuitive. L’outil réunit dans une même fenêtre l’application web, le code et un éditeur visuel complet. Chaque élément devient manipulable directement, sans changement de contexte, et réduit ainsi encore un peu plus la frontière entre design et code !
-
Tokens Studio : La plateforme qui révolutionne la gestion des design tokens
📌 Tokens Studio est une plateforme révolutionnaire qui permet aux marques et équipes produit de gérer leurs design tokens à l’échelle, tout en renforçant la collaboration et en maintenant la cohérence et la qualité dans leurs outils de design et leur plateforme à venir.
-
Msty.ai : L’IA puissante et privée sur votre bureau
Msty est une application de bureau pour Windows, macOS et Linux qui centralise l’utilisation de modèles d’IA locaux et cloud, en mettant l’accent sur la confidentialité et la gestion avancée des projets.
-
Elements.dev : La bibliothèque de composants UI full-stack pour Next.js
📌 Elements.dev est une bibliothèque open-source de composants UI full-stack conçue pour les développeurs Next.js et TypeScript, offrant une intégration transparente avec shadcn/ui.
-
VvvebJs : Le constructeur de sites en glisser-déposer pour les développeurs
📌 VvvebJs est un constructeur de pages web en glisser-déposer, conçu pour être à la fois puissant pour les utilisateurs finaux et extrêmement flexible pour les développeurs.
-
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.
-
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.
-
ToolJet : Créez vos outils internes sans effort et en open-source
📌 ToolJet est une plateforme low-code open-source qui permet aux entreprises de construire et de déployer rapidement des applications internes personnalisées.
-
Goose : L’agent IA qui automatise vos tâches de développement
📌 Goose est un agent d’intelligence artificielle open source qui s’exécute localement sur votre machine pour vous aider dans vos tâches. Via BrowserBase et Gemini-CLI, j’arrive à lui faire effectuer un grand nombre d’actions pour moi en automatique.
-
SAMPLER : Visualisation en temps réel des commandes shell
📌 SAMPLER est un outil open-source permettant d’exécuter, de visualiser et de déclencher des alertes à partir de commandes shell. Simple à configurer grâce à un fichier YAML, il offre une approche légère et efficace pour surveiller des processus dynamiques directement depuis le terminal.
-
SUBFRAME : Une solution simple de construire une interface utilisateur rapidement
📌 SUBFRAME est un service en ligne pour concevoir des interfaces utilisateur avec rapidité et précision, grâce à une intégration parfaite entre design visuel et code.
-
GLASS UI : Générateur CSS Glassmorphism
📌 GLASS UI est un service en ligne conçu pour générer rapidement des composants HTML et CSS suivant les principes du glassmorphism. Inspiré du site ui.glass, cet outil permet de personnaliser à la volée couleurs, opacité, flou et autres propriétés visuelles pour créer des interfaces modernes et épurées.
-
SUPERDESIGN : Open Source Design Agent
📌 Superdesign.dev est une extension VsoCode / Cursor / Windsurf / etc… qui révolutionne la création d’interfaces grâce à l’intelligence artificielle. Pensé pour s’intégrer directement dans les éditeurs de code modernes, il permet d’explorer, tester et générer plusieurs pistes de design en quelques secondes.
-
TWEAKCN : Editeur de thèmes pour shadcn/ui
📌 TWEAKCN est un service en ligne dédié à la personnalisation visuelle des composants shadcn/ui. Il permet de concevoir des thèmes Tailwind élégants, directement dans le navigateur, sans inscription.
-
AURA : Create Beautiful Designs
📌 AURA est un service en ligne IA dédié à la création rapide de designs professionnels, prêt à être exporté vers HTML ou Figma. Un sérieux concurrent de BOLT, LOVABLE, FIMGA MAKE, etc…
-
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.
-
AYA : application bureautique adb pour Android
📌 AYA est une application qui permet de contrôler facilement un appareil Android depuis un ordinateur. Elle sert d’interface graphique pour ADB, offrant un accès simplifié aux outils essentiels du développement et du débogage.
-
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.
-
PINOKIO : Installez vos IA en local
📌PINOKIO est une application qui permet d’installer, d’exécuter et d’automatiser localement n’importe quelle IA sur un ordinateur, grâce à une interface utilisateur intuitive. Elle permet d’automatiser diverses tâches, y compris l’installation d’applications et de modèles d’IA, la gestion des applications installées, ainsi que l’exécution de commandes pour automatiser des actions sur la machine. Super alternative a Ollama
-
SCHADCN : Créez votre bibliothèque de composants
📌 SHADCN est une bibliothèque de composants UI pour React, conçue pour offrir une expérience fluide et esthétique. Basée sur Radix UI et Tailwind CSS, elle permet d’intégrer rapidement des éléments modernes et accessibles dans une interface.
-
PAYLOAD : Votre Headless CMS and App Framework en Next.js
📌 Payload est une application qui réinvente totalement le Headless CMS en éliminant les contraintes habituelles. Fini les abonnements, les essais gratuits ou les services tiers : Payload s’installe directement dans un projet Next.js, avec un backend intégré et un panneau d’administration, le tout dans un seul dossier.
-
MOKKUP : Des Wireframes de tableaux de bord à la BI, instantanément !
📌 MOKKUP est une application qui simplifie la création de tableaux de bord et l’exportation vers des outils de Business Intelligence comme PowerBI ou TABLEAU. Avec MOKKUP, concevoir un dashboard devient un jeu d’enfant grâce à des modèles prêts à l’emploi et un éditeur en glisser-déposer. Plus besoin d’expertise en design pour créer des visualisations percutantes.
-
MOTIFF : Outil de conception d’interfaces alimenté par l’IA
📌 MOTIFF est une application innovante qui révolutionne la conception d’interfaces grâce à l’intelligence artificielle. Ses fonctionnalités avancées transforment le travail collaboratif et améliorent l’efficacité des équipes de design.
-
BUILDER.IO : Plate-forme de développement visuel
📌 BUILDER.io est une application révolutionnaire pour le développement visuel, qui permet de transformer les processus web avec rapidité, efficacité et simplicité et de convertir automatiquement vos Figma en code.
-
10 astuces de conception incontournables pour élever votre marque en 2025
Aujourd’hui, nous allons voir ensemble dix astuces de conception qui vous aideront à faire une bonne première impression.
-
KESTRA : Plate-forme d’orchestration open source
📌 KESTRA est une application puissante conçue pour simplifier et automatiser les workflows critiques des entreprises. Son approche déclarative permet de créer des workflows plus simples, plus rapides, évolutifs et flexibles, éliminant les échecs liés à la complexité.
-
INFA.IA : Outil pour design system nouvelle generation
📌 INFA Ai est une nouvelle méthode d’inventaire et de visualisation du design system.
-
CREATIE : Libérez le designer qui sommeille en vous grâce à la magie de l’IA
📌 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. -
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 😉
-
MOCKFLOW : Wireframe rapide et brainstorming
📌 MOCKFLOW est une application simple avec drag’n’drop d’éléments pour ceux qui souhaitent un outil simple de maquettage de site web.
-
PRELINE : Design system Open source basé sur Tailwind CSS
📌 PRELINE UI est un design system, open-source, basés sur le framework CSS Tailwind, et bien évidement FIGMA.
-
RELUME : Conception de site web assistée par IA
📌 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.
-
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.
-
3 Plugins Figma populaires pour votre design system
📌 Tout concepteur le sait, la création et la maintenance d’un design system peut être une tâche longue et complexe. Dans cet article, nous allons explorer les plugins Figma populaires qui peuvent vous aider à construire et à gérer facilement votre design system.
-
NOVA DOCS : Documents modulaires
📌 NOVA DOCS est un service gratuit en ligne d’édition de document. NOVA DOCS reprend le paradigme de NOTION et permet de composer ses documents par blocs.
-
THUNKABLE : Le développement d’applications mobiles sans code en toute simplicité
📌 THUNKABLE est une plateforme #NoCode pour la création d’applications mobiles natives pour iOS et Android.
-
CSS LAYOUT : Bibliothèque de composants et animations CSS
📌 CSS LAYOUT est une librairie de centaines de composants pour les développeurs web qui cherchent à créer des sites web professionnels et visuellement attrayants. La collection comprend un large éventail de composants, tels que des menus de navigation, des boutons, des formulaires et des cartes, tous conçus à l’aide des techniques de mise en page CSS.
-
QUEST : Vos crea Figma en React
📌 QUEST est un outil qui génère des composants React à partir de Figma avec un code propre et extensible. Construisez et développez vos produits plus rapidement que jamais.
-
MONDAY HERO : Figma to code
📌 MONDAY HERO est un outil permettant de convertir vos conceptions Figma, Sketch et XD en code mobile pour les développeurs
-
WEBSTUDIO : outil de développement visuel open source !
📌 WEBSTUDIO est un outil gratuit, en ligne qui va simplifier considérablement la collaboration entre concepteurs et développeurs sur tout type de site ou d’application web.
-
STAGE : Outil de conception et prototypage en ligne
📌 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.
-
HEAZY STUDIO : Plateforme gratuite de ressources SVG
📌 HEAZY est un service gratuit en ligne vous permettant de générer des visuels vectoriels, uniques et super quali. Exportez vos créations sous forme de SVG, PNG ou de composants React en JavaScript ou TypeScript.
-
GLASS UI GENERATOR
📌 GLASSMORPHISM UI GENERATOR est un outil en ligne permettant de générer le code CSS d’une interface en glassmorphism qui est une nouvelle tendance de conception qui repose principalement sur l’effet de flou d’un élément et d’un arrière-plan.
-
SHOTTR : outil de screenshot évolué et gratuit
📌 SHOTTR est une application de captures d’écran pour macOS.
La fonction de screenshot par défaut de mac est déjà vraiment hyper pratique, mais SHOTTR va plus loin, tout en proposant une application gratuite !! -
OUTSYSTEMS : créer des applications en LOW-CODE
📌 OUTSYSTEMS est une application LOW-CODE permettant de créer et déployer rapidement des applications qui évoluent rapidement avec votre entreprise.
-
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 -
FLUTTER FLOW : Application Flutter avec un éditeur NoCode
📌 FLUTTER FLOW est un #outil #Flutter #NoCode pour construire des #applications multiplateformes sans code.
#cmondary #tools -
APPGYVER : outil de conception NoCode
📌 APPGYVER est un outil #NoCode qui vous permet de créer des #applications pour tous les terminaux, y compris les mobiles, les ordinateurs de bureau, les navigateurs, les téléviseurs et autres.
#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 -
KODULAR : Application mobile NoCode
📌 KODULAR est un service en ligne permettant de créer des #applications sans avoir besoin de savoir coder. Il suffit de glisser et de déposer des composants et de joindre des blocs entre eux. L’interface me paraît assez claire, je pense que je vais essayer de créer une petite application histoire de voir c que ça vaut.
#Tools #NoCode #cmondary -
INSPIREFRAME
https://inspireframe.io/
📌 INSPIREFRAME repose sur un concept super sympa, il vous permets de créer facilement des #prototypes web directement avec des #composants de sites web réels !! Des bonnes pratiques par simples glisser-déposer 😉
#Tools #cmondary -
GSTUDIO
📌 GStudio est un outil pour designer actuellement accessible en version Beta.
-
MEMEX – Suivre l’avancement de votre Design System
📌 ARTICLE très intéressant sur la manière de tracker l’état d’avancement de chacun des composants de votre design system au travers des équipes.
-
Création de composants réactifs pour votre système de conception : Menus déroulants
📌 Article assez sympa sur l’usage du responsive design grâce à Sketch. L’exemple est ici centré sur la création d’une liste déroulante, mais le principe peut être appliqué plus généralement.
-
Comment créer un formulaire en ligne qui convertit
📌 Petite piqure de rappel sur les composants, feedbacks, libellés et l’ensemble des stratégies à mettre en oeuvre pour créer un formulaire utilisable.
-
CAMILO
📌 CAMILO est un plug in sketch permettant d’appliquer sa charte graphique, directement sur son design system dans sketch.
-
MODULZ : nouvel outil de conception
📌 MODULZ est une future application proposant de faire de la conception non plus via des outils vectoriels mais grace à des composants interactifs, en React
-
TIMELINE Sketch Plugin
📌 Le plugin Sketch TIMELINE (de anima) se met à jour et propose dans sa version 2 de créer des composants interactifs.
-
Shopify UI Kit
📌 SHOPIFY propose en libre accès un UI KIT, ainsi qu’une librairie de composants REACT. Le tout accompagné de logiciels tiers assez intéressants
-
Gridbox.io
📌 GRIDBOX est un éditeur de site web Wysiwyg pour Bootstrap et Foundation simple d’utilisation, permettant de créer son site / prototype rapidement avec une librairie de composants conséquentes
