📌 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 est un plugin FIGMA qui vous permet de générer du code HTML et SASS directement à partir des designs Figma
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,…
📌 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 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 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.
📌 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.
📌 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 !
📌 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 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 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 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.
📌 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 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
📌 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.
