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.
📌 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 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.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 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 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 est une application qui permet d’interagir avec ses documents grâce à l’intelligence artificielle, tout en gardant ses données entièrement locales.
📌 Clarifier deux notions clés du design UX : les design systems et les UI kits, souvent confondus, mais distincts dans leur usage.
📌 ‹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.
📌 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 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.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.
📌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
📌 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 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 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 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 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.
Aujourd’hui, nous allons voir ensemble dix astuces de conception qui vous aideront à faire une bonne première impression.
📌 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 Ai est une nouvelle méthode d’inventaire et de visualisation du design system.
📌 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 😉
📌 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 UI est un design system, open-source, basés sur le framework CSS Tailwind, et bien évidement FIGMA.
📌 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 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.
📌 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 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 est une plateforme #NoCode pour la création d’applications mobiles natives pour iOS et Android.
📌 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 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 est un outil permettant de convertir vos conceptions Figma, Sketch et XD en code mobile pour les développeurs
📌 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 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 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.
📌 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 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 est une application LOW-CODE permettant de créer et déployer rapidement des applications qui évoluent rapidement avec votre entreprise.
📌 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 est un #outil #Flutter #NoCode pour construire des #applications multiplateformes sans code.
#cmondary #tools
📌 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
📌 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 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
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
📌 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.
📌 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.
📌 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.
📌 MODULZ est une future application proposant de faire de la conception non plus via des outils vectoriels mais grace à des composants interactifs, en React
📌 Le plugin Sketch TIMELINE (de anima) se met à jour et propose dans sa version 2 de créer des composants interactifs.
📌 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 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