📌 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 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.
📌 PRESENTATOR est un service en ligne, gratuit et open-source dédiée à la présentation de vos design et à la collecte des feedbacks et commentaires sur ceux-ci
📌 INFA Ai est une nouvelle méthode d’inventaire et de visualisation du design system.
📌 Lottielab est un outil de motion design en ligne, pour les équipes de produits. Importez des éléments depuis vos outils de design préférés, comme figma, ou créez-les de toutes pièces dans Lottielab. Animez facilement et rapidement, avec une interface intuitive et des fonctionnalités puissantes.
📌 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 😉
📌 NOOR est une application de chat d’équipes nouvelle génération qui combine collaboration asynchrone et discussions haute fidélité dans une interface rapide, proposant une expérience fluide sur macOS, iOS et le web, avec d’autres plateformes à venir.
📌 STRUCTURE est un plugin FIGMA qui vous permet de générer du code HTML et SASS directement à partir des designs Figma
📌 STACK BROWSER est un navigateur pour macOS et Windows proposant une approche innovante. En effet STACK propose une navigation sous forme de « Card » organisées au sein de différents espaces dédiés appelés « Flows ».
📌 TIINYHOST est un service d’hébergement web statique super simple, parfait pour publier votre projet web en quelques secondes à des fins de test. Il est idéal pour les landing pages, le prototypage, les démos clients ou pour simplifier votre hébergement web.
📌 MOCKFLOW est une application simple avec drag’n’drop d’éléments pour ceux qui souhaitent un outil simple de maquettage de site web.
📌 DORA est un outil de conception et publication de sites web 3D animés, en ligne, sans nécessiter de compétences en programmation, donc noCode et possédant même un module de conception assisté par IA.
📌 ICONBUDDY est un moteur de recherche qui vous permet de rechercher, télécharger, personnaliser et éditer plus de 200 000 icônes svg open source gratuitement.
📌 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.
📌 VISILY est un outil de création de maquettes et de prototypes qui utilise l’intelligence artificielle pour transformer rapidement des croquis, des captures d’écran d’applications, des modèles intégrés et bientôt des indications textuelles (prompts) en maquettes et prototypes éditables. J’apprécie particulièrement sa simplicité d’utilisation et ses fonctionnalités d’IA innovantes.
📌 FIGWIG est un widget pour iOS qui, à la manière du calendrier des contributions de GITHUB permet de voir les contributions sur un projet FIGMA.
📌 MODYFI est un éditeur d’images en ligne de dernière génération qui combine les outils essentiels de la conception graphique et de la fabrication d’images – calques, vecteurs, bitmaps et conception via IA.
Concevez, itérez et collaborez sur une seule plateforme. Le tout dans votre navigateur.
📌 PAGE SHARE est un service qui permet de partager des pages web de manière interactive et ainsi de les commenter et d’en effectuer une review. Un peu à la manière des commentaires sur FIGMA.
📌 DESIGN SYSTEM FOR FIGMA est une collection de design systems populaires du monde entier, chacun soutenu par un code pour une mise en œuvre facile.
📌 RELUME IPSUM est un #plugin #Figma qui utilise l’IA pour générer du copywriting. Il vous permet de créer du contenu unique et pertinent en quelques minutes, sans avoir à écrire une seule ligne de texte ou utiliser le bon vieux #LoremIpsum.
📌 Une collection de plugins Figma pour votre conception au quotidien. La plupart des plugins de cette liste sont disponibles gratuitement.
📌 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.
📌 TOME est une service en ligne, #freemium, permettant de créer et partager des présentations immersives graçe à l’aide d’une IA qui vous aidera dans la redaction ainsi que dans la génération de visuels.
📌 CURRENT est un service en ligne, proposant un outil de travail, vous permettant de disposer d’une grille chronologique de tout le travail de votre équipe. CURRENT permet donc de regrouper l’ensemble de vos assets de travail pour chacun de vos projets.
📌 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.
📌 FUNCTION KEY est une application mac qui permet d’assigner de nouveaux usages à vos touches « fonction » F1, F2, F3, … » comme par exemple le lancement d’une application, voir même un raccourci précis au sein d’une application.
Cela peut être très pratique sur FIGMA par exemple pour remapper certains outils à ces touches Fn.
📌 VELJA est une application macOS gratuite qui vous permet de choisir avec quel navigateur vous souhaitez ouvrir chacun de vos liens. Passez facilement d’un navigateur à l’autre.
📌 OMNI BOOKMARK est une extension chrome qui vous permet d’optimiser Chrome avec des commandes, des raccourcis à la manière de SPOTLIGHT / ALFRED / RAYCAST / SOL
Avec OMNI, vous pouvez Gérer les onglets, les signets et l’historique de votre navigateur, effectuez toutes sortes d’actions grâce à une interface de commande simple.
📌 MONDAY HERO est un outil permettant de convertir vos conceptions Figma, Sketch et XD en code mobile pour les développeurs
📌 PLASMIC est un outil de conception de pages Web.
📌 ROY un petit et élégant color picker pour les designers.
📌 BILDR est un builder de sites web, webapp et extensions chrome No-code proposant de la collaboration en temps réel, à la manière de FIGMA.
📌 BRANDBIRD est un service gratuit en ligne qui transforme vos captures d’écran en de captivants mockups alignés sur votre image de marque pour vous aider à augmenter la portée et l’engagement de vos médias sociaux !
📌 LOGO IPSUM est un service en ligne gratuit qui se veux être le Lorem Ipsum du logo.
Remplissez temporairement l’espace du logo avec LOGO IPSUM jusqu’à ce que vous ayez le vrai logo.
📌 PROTOTYPER est un plugin Figma permettant d’injecter directement du code dans vos prototypes figma.
📌 ANIMIX est un plugin FIGMA proposant de créer des animations directement depuis Figma.
A la manière d’After Effect, vous disposez d’une Timeline et de Keyframes pour laisser libre cours à vos idées.
📌 FIGMA INVOICE est un template figma qui vous permet de gérer vos factures directement dans Figma.
Créez des factures dans Google sheets 🧑💻
Synchronisez avec un le modèle de facture dans Figma ✨
Envoyez à vos clients 💌
📌 LINEAR est une application Mac de bug tracking, conçue pour aider à rationaliser les projets logiciels, les sprints et les tâches, et peut s’intégrer à des outils standard tels que Github, Figma et Slack.
📌 RAYCAST est un lanceur MacOS extrêmement rapide et totalement extensible. Il vient remplacer Spotlight et vous permettra d’effectuer de nouvelles actions telles que des tâches, de calculs, de partager des liens communs, et bien plus encore.
📌 BRAVO est un outil #NoCode, hyper simple, facile de prise en main pour créer de meilleurs prototypes, voir même des applications légères.
Réalisez vos maquettes sur figma, votre base de donnée sur AirTable ou Google Sheets, et connectez l’ensemble pour un résultat hyper rapide et qualitatif !!
📌 JITTER est un outil de motion design vous permettant de créer et d’animer facilement vos créations, ainsi que de les exporter en vidéos ou GIF. Le tout directement depuis votre navigateur.
📌 FREE ILLUSTRATION est une bibliothèque d’illustrations gratuites pour FIGMA, le plugin vous permet d’insérer des illustrations gratuites de haute qualité directement dans Figma.
📌 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
📌 RELATE est un outil de conception visant à fluidifier les échanges entre designers et développeurs via une application Design to code.
Designer vos écrans comme vous le feriez habituellement sur Sketch ou Figma et obtenez un code HTML / CSS / JS directement exploitable. Pendant que vous concevez, le code est généré en arrière-plan et peut être publié n’importe où. Un véritable gain de temps pour votre équipe !
#cmondary
📌 MAPUS est un outil de cartographie à la GoogleMap, libre et permettant la collaboration en temps réel. MAPUS permet donc d’explorer, annoter, dessiner, ajouter des marqueurs, des lignes, des zones, trouver des endroits où aller, observer les autres utilisateurs, de manière collaborative
#cmondary
📌 JITTER est un outil MotionDeisgn, en ligne, vous permettant d’animer facilement vos créations et d’exporter vos créations sous forme de vidéos ou de GIF, le tout, directement depuis votre navigateur.
📌 PENPOT est un #outil de #conception et de #prototypage #OpenSource, destinée aux équipes pluridisciplinaires. #CrossPlatform, PENPOT est basé sur le des technologies web, il vous suffit d’utiliser un navigateur moderne et il fonctionne avec un format de fichier ouvert, standard du web : le #SVG.
#cmondary #tools #UX #UI
📌 SPACELI vous permet de transformer vos Google Documents en base de connaissances. C’est un outil vraiment pratique qui transforme en quelque sorte votre Google Drive en une sorte de Notion.
#cmondary #tools
📌 ARCHBEE est un service en ligne, alternative à #notion, permettant de créer facilement des bases de connaissances, des #wikis internes, des sites de documentation, des spécifications fonctionnelles, des diagrammes d’architecture, etc.
#cmondary #tools
📌 BOXY SVG est un outil de création vectoriel en ligne. Comme son nom l’indique il permet de créer des fichiers SVG. En plus de sa version web, il propose egalement des versions desktop Windows, Mac, Linux si besoin.
#cmondary #tools #UI
📌 MOCKITT est un #outil de #prototypage rapide permettant de créer des #prototypes interactifs de manière collaborative, à l’aide de modèles par simple glisser-déposer.
Sa fonctionnalité de collaboration permet de travailler en équipe sur la même page et de voir les modifications apportées par vos coéquipiers en temps réel.
#Tools #conception #UX #cmondary
📌 MOCKUP est un #plugin #sketch permettant d’appliquer une #perspective à vos créa afin de les intégrer à un #mockup.
📌 UNICONS est une #bibliothèque de plus de 1100 #icones filaires + solides + monochrome proposé par #ICONSCOUT.
📌 ARTICLE intéressant sur l’outil de prototypage ultime, et l’ensemble des fonctionnalités qu’il doit posséder.
#cmondary
📌 OPEN PEEPS est une bibliothèque de personnages vectoriels. Créé par @PabloStranlay, elle fonctionne comme des blocs de construction faits de bras, de jambes, de vêtements, de coiffures et de visages avec émotions. Vous pouvez alors mélanger ces éléments pour créer différents Peeps / personnages.
Le tout utilise les fonctions symboles de Sketch / Figma, donc très simple d’utilisation et surtout directement depuis votre outil de création habituel.
#UI #cmondary
📌 BLUSH est un plugin #SKETCH et #FIGMA permettant de générer des #illustrations pour vos créas.
Comme PEEPS par @PabloStanley, le plugin est paramétrable et vous permet de créer une #illustration personnalisée :
https://openpeeps.com/
#Plugin #cmondary
📌 SHAPE est une librairie d’icônes paramétrables proposant 28000+ assets très bien réalisés et donc, configurables.
J’ai vu pas mal d’articles et de partage sur cette #librairie, qui a certes un design très soignée, reprend en partie les codes du #Neumorphism , mais qui me semble tout de même limitée …
La version gratuite propose l’export en #PNG uniquement
Et la version payante le #SVG et le #PDF, mais pour un prix de 60$/an … On peut donc se demande s’il n’est pas préférable d’investir dans le NOUN PROJECT : 40$/an ou encore FLATICON (80€/an) qui proposent tout deux plus de 3 Millions d’icones chacun, avec plus de format d’export et des applications et plugins pour tout un tas de logiciel (#Adobe, #Office , #Sketch, #Figma, …)
Qu’en pensez vous ?
#Ressources #cmondary
📌 ARTICLE très complet sous forme de guide pas à pas pour créer de petites animations, et micro-intéractions sous after effect après importation des sources Sketch / Figma.
L’idée est simplement d’utiliser les animations sous #AfterEffect pour donner vie à votre interface et montre comment toutes les éléments doivent se comporter et interagir.
📌 SOCIAL SIZES est service mettant à disposition des artboards #SKETCH, #FIGMA, #XD et #PHOTOSHOP au #formats spécifiques aux #RéseauxSociaux.
C’est réellement une référence si vous souhaitez disposez des bons #dimensions et des bonnes #résolutions d’ images pour les différents types de messages, promotions et #bannières.
#tools #cmondary
📌 ARA est une bibliothèque de visuels en vectoriel. Un peu à la manière de UNDRAW. Grace au créateur d’illustrations vous pourrez combiner plus de 120+ illustrations pour créer votre scène personnalisée. Le tout est compatible avec Illustrator #AI, #XD, #FIGMA, #SKETCH.
Il faut aimer le style… mais bon vu que c’est dans l’air du temps 😉
#cmondary
📌 STARTUP l’outil de DESIGN MODO est un builder #BOOTSTRAP super simple d’utilisation grace à son fonctionnement en #block editor !
La version gratuite propose également l’export des sources #FIGMA !!
Bref c’est génial 😀
#tools #cmondary
📌 FRAMER. J’étais complètement passé à coté de cette nouvelle version FRAMER FOR WEB mais elle est plutôt intéressante.
En effet FRAMER est maintenant accessible directement depuis votre navigateur. Il permet aussi la #co-creation comme FIGMA et des #interactions poussées pour PROTOPIE.
Un concurrent sérieux donc !!
Et vous, avez vous franchi le pas, et testé FRAMER FOR WEB ?
#Tools #UX #UI #cmondary
📌 #BRAND FETCH est un #plugin qui vous permet de récupérer lse logos #vectoriels de différentes marques. Il suffit d’entrer le nom de la société. Le #plugin est disponible pou #SKETCH, #ADOBEXD, #FIGMA, #CHROME et bientôt #MIRO
📌 KOPIE est un plugin pour SKETCH / XD / FIGMA permettant une meilleure collaboration entre UX Writer et UX Designer.
L’idée est simple. Vous mettez a disposition votre maquette synchronisée, sur laquelle le Writer va pouvoir insérer / modifier son texte, directement depuis une page web.
Très pratique également pour votre service juridiques et les nombreuses de Disclaimer et Mentions légales 😉 #UX #Collaboration #Writer #Tools #Sketch #XD #Figma #Plugin #cmondary
📌 ARTBOARD STUDIO MOCKUP est un plugin Figma permettant de rapidement et facilement créer des mockups complètement personnalisés.
📌 FIGMA se dote de plugins et comble par la même occasion son « retard » sur SKETCH. Ici un article sur les 15 meilleurs
📌 UNSPLASH propose maintenant un plugin pour FIGMA, vraiment très pratique !
📌 ARTICLE génial sur la conduite d’ateliers de critiques constructives au sein de votre équipe de designers.
📌 FIGMOTION est un plugin permettant de créer des animations dans FIGMA.
📌 SKETCH annonce une version proposant le travail en équipe. Mais alors que l’on s’attend à un outil collaboratif à la FIGMA, Sketch proposera un outil de versioning dans le cloud. Curieux de voir à l’usage ce qui se révèle être le plus pratique.
📌 FIGMA FREEBIES est comme son nom l’indique un ensemble de ressources gratuites pour Figma. Toujours intéressant d’avoir ce genre de lien dans ses Favoris
📌 SENSIVE est un outil en ligne permettant d’échanger avec vos collaborateurs sur les différentes versions de vos créations. En somme il stock, conserve les différentes versions et permet de commenter les écrans. Compatible avec FIGMA et SKETCH, c’est un outil à garder dans ses favoris 😉
📌 RELAY FOR FIGMA est un service en early access très prometteur. Il permet, pour les utilisateurs de Figma de poster directement vos assets dans votre GITHUB, et de voir leur intégration, leur différentes versions Desktop / tablet / mobile, ainsi que leur mise à jour en temps réel.
📌 Je viens de découvrir que DRIBBLE mettait à disposition à disposition un plugin SKETCH permettant de poster directement sur Dribble depuis Sketch. Le pire c’est qu’ils possèdent une intégration avec un grand nombre d’outils autre que Sketch, à savoir Slack, Invision Studio, Flinto, Figma, XD, …
📌 FIGMA intègre la fonction SMART SELECTION. En gros elle correspond à l’usage que vous pourriez avoir de AUTO LAYOUT dans Sketch….
📌 J’ai enfin mon invitation pour le beta test de ARTBOARD STUDIO
📌 WHIMSICAL étoffe son outil d’un kit pour Wireframe. Très pratique pour créer un wireframe rapidement, surtout si vous chercher la collaboration live (comme sur Figma).
📌 J’adore GRAVIT, c’est un outil gratuit et vraiment performant, qui tend à se rapprocher petit à petit des ténors que sont Sketch et Figma
📌 Pour ceux qui ne seraient pas encore convaincus que Figma est un sérieux concurrent à Sketch / Adobe XD
📌 GRAVIT, outil gratuit, réduit toujours plus son écart avec Sketch et Figma. Au menu des nouveautés : Symbols, ancres pour l’auto-layout, librairie partagée, les masques, le resize-to-fit pour vos artboards , export PDF, déplacement des layers lors de la mesure des espacements avec ALT, librairie d’icones ICON8, etc…
📌 Figma sort sa librairie partagée, en réponse à Sketch.
📌 SKETCH a du soucis à se faire…
📌 UX Prototyping Tools
📌 Pour les utilisateurs de Figma, FIGMA MIRROR vient de sortir et va vous permettre de visualiser vos créations directement dans vos smartphones
