WIKITOK : Naviguer sur Wikipédia comme sur TikTok
WIKITOK est une application web qui propose une interface inspirée de TikTok pour explorer des articles Wikipédia aléatoires en plusieurs langues.
ResourcesSCHADCN : 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.
Plugins
Intelligence artificielleBUILDER.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.
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.
Conception | 
NoCode | 
Tools
ONLOOK : Editeur visuel open-source pour React.
ONLOOK est une alternative open source à Webflow, en local, pour la conceptionde vos sites en React.
Skills
Article20 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 
STRUCTURE : Figma to HTML
STRUCTURE est un plugin FIGMA qui vous permet de générer du code HTML et SASS directement à partir des designs Figma
PAPERCLIP : Une approche hybride de la conception et du codage d’interfaces utilisateur web
https://github.com/paperclip-ui/paperclip PAPERCLIP propose une approche hybride de la construction d’interfaces utilisateur qui vous permet de concevoir et de coder en parallèle. Il se concentre uniquement sur l’aspect visuel de votre application – juste du HTML, du CSS, que vous pouvez ensuite importer directement dans votre application type VSCODE. PAPERCLIP fonctionne actuellement avec React, d’autres…
TLDRAW : tableau blanc collaboratif open source avec GPT 4
TLDRAW est un service de tableau blanc en ligne qui offre une expérience de collaboration et, grâce à son dernier support GPT-4V, l’utilisateur peut dessiner n’importe quoi et tirer parti de la puissance de l’IA pour transformer le dessin en site web.
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.
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.
WINDOWS 11 online ;)
WIN11REACT est un projet open source réalisé dans l’espoir de reproduire l’expérience de Windows 11 sur le web, en utilisant des technologies web standard comme React, CSS et JavaScript. Donc si vous voulez “tester” Windows 11 directement depuis votre navigateur.
Conception | NoCode | Tools
QUARKLY : Outil de conception NoCode pour la création de sites web et d’applications web.
QUARKLY est un outil de conception NoCode / LowCode qui mixe éditeur graphique, builder de sites web et d’IDE classique. Les développeurs peuvent introduire des composants personnalisés dans le système, les concepteurs de sites web, les gérer visuellement sur le canevas. Et vice-versa !
Conception | NoCode | Tools
DESECH : Outil de conception NoCode
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
STACKBLITZ : Votre Visual Studio Code en ligne
STACKBLITZ un est éditeur de code basé sur le très célèbre VSCode, mais celui-ci à la particularité d’être accessible directement en ligne, “in-the-browser”.
BORING AVATARS : générateur d’avatars
BORING AVATARS est une bibliothèque JavaScript React qui génère des avatars ronds personnalisés, basés sur SVG, à partir de n’importe quel nom d’utilisateur et palette de couleurs.
CLICK APP : interface rapide en drag ‘n’ drop et données réelles via API
CLICK APP est un service gratuit, en ligne, se proposant de vous aider à concevoir et à construire visuellement des interfaces utilisateur complexes à partir de données réelles.
Conception | NoCode | 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
LINE ICONS
LINE ICONS est une librairie de + de 500 #cônes gratuites.
(2 000 icônes en version payante). Les #icônes sont disponibles dans les formats #SVG, Web Font, #AI et #React. Interface super claire, si vous chercher un pack homogène et complet, c’est par ici !
#UX #UI #cmondary
TUTO : développer une extension Chrome / Firefox
Petit TUTO sur comment développer une extension Chrome / Firefox. Je pars de tellement loin que malheureusement je trouve assez rapidement mes limites, mais je suis sûr que vous en ferez meilleur usage, et que ce type d’article / guide devrait se généraliser.
Getpass xyz
GETPASS est un service tout simple en ligne, et en React générant des mots de passes aléatoirement.
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
ISO : coder en REACT
ISO est un outil permettant de coder en REACT et d’en obtenir une prévisualisation instantanée.
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
All The UX Prototyping Tools Ever
UX Prototyping Tools
