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.
-
-
ANIME.JS : La bibliothèque JavaScript ultra-légère pour des animations web fluides ⚡
📌 ANIME.JS est une bibliothèque JavaScript ultra-légère et polyvalente, conçue pour créer des animations web fluides et performantes. Avec seulement quelques kilobytes, elle offre une API intuitive pour animer tout type d’éléments : CSS, SVG, attributs DOM et objets JavaScript.
-
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…
-
DEEPSITE : l’IA qui révolutionne la création de sites web sans coder
📌 DEEPSITE est une plateforme en ligne gratuite qui permet de générer instantanément des sites web professionnels, des jeux interactifs ou des applications à partir de simples descriptions textuelles, appelées “prompts”. Grâce à la puissance du modèle d’IA DeepSeek V3 et à un pré-prompt bien optimisé, DeepSite interprète vos besoins exprimés en langage naturel et produit automatiquement le code, la structure et le design de votre projet.
-
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.
-
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 😉
-
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…
-
FIGMA Plugins indispensables 2023
📌 Une collection de plugins Figma pour votre conception au quotidien. La plupart des plugins de cette liste sont disponibles gratuitement.
-
ILLA : Outil de conception LowCode
📌 ILLA est une plateforme #LowCode, #NoCode, open-source, qui accélère le développement d’outils internes pour les développeurs.
-
EDITOR X : Responsive Web Design NoCode
📌 EDITOR X est un outil de création de sites Web qui combine des capacités avancées de conception et de prototypage avec un hébergement Web sécurisé.
Il vous permettra de passer directement de l’idée à la production dans un espace de travail de conception très intuitif. -
LEXIQUE du designer
📌 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 -
Sketch Freebies
📌 Article bien réalisé proposant un ensemble de ressources gratuites pour Sketch.
-
Typetura : texte responsive
📌 TYPETURA est un script JS permettant de rendre un texte responsive de manière très fluide. L’interface propose ici de jouer avec cet outil et de voir le comportement du texte au regard de différents break points. Le code source est disponible, c’est prêt à l’emploi 🙂
-
RESPONSIVE SVG IMAGE
📌 RESPONSIVE SVG IMAGE / Article proposant un bout de code et les explications qui vont avec sur le changement d’une image SVG lors du passage d’un break point. Au final c’est très utile lorsque l’on veut que son logo s’adapte lui aussi au resize du header dans le cas d’un design responsive. Personne ne vous dira plus que ce n’est pas possible 😉
-
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.
-
Anima : how to view multiple screen sizes in auto layouts
📌 La nouvelle fonctionnalité de SPEC du plugin ANIMA de SKETCH est vraiment pratique
-
Sketch 52
📌 SKETCH 52 semble être une évolution majeure avec de nivelles fonctionnalités incontournables.
-
Invision Studio – Ancres
📌 Petite article sympa sur le fonctionnement des ancres et des redimensionnements sur INVISION STUDIO, le tout comparé à SKETCH qui reste aujourd’hui la référence.
-
VIREFLOW
📌 VIREFLOW est un kit wireframe responsive pour Webflow SYLVAIN DORE vu que je sais que tu es fan de webflow 😉
-
Hadron : outil de conception design + code
📌 Parce que la frontière entre design et code se fait toujours de plus en plus mince, HADRON est une future application qui semble être prometteuse.
-
Bidirectional scrolling
📌 En général la mise en concurrence du mouvement vertical et horizontal ne rend pas très bien.
-
TABLER est un dashboard responsive en HTML/CSS
📌 TABLER est un dashboard responsive en HTML/CSS et bien sûr open source 😉 J’aime bcp la réalisation sobre et fonctionnelle de ce dashboard. Je rêverais de savoir/pouvoir pluger ce dashboard sur une base de données GoogleSheet…
-
XRESPOND : tester votre site responsive
📌 XRESPOND est un site web qui permet de tester son site responsive dans différentes résolutions.
-
All The UX Prototyping Tools Ever
📌 UX Prototyping Tools
-
Sketch 44
📌 Sketch 44, une update qui apporte son lot de fonctionnalités incontournable
-
⚙️ Plugins | 🛠 Tools | 🧩 Tips
ANIMAAPP, publier des prototypes responsives
📌 Créer un site web directement depuis Sketch, SANS CODE, ou publier des prototypes responsives
