Editor.js : L’éditeur de contenu open source structuré par blocs
📌 Editor.js est un éditeur de texte open source en style bloc qui produit un JSON propre au lieu d’un HTML lourd. Il est idéal pour structurer du contenu flexible et moderne.
📌 Editor.js est un éditeur de texte open source en style bloc qui produit un JSON propre au lieu d’un HTML lourd. Il est idéal pour structurer du contenu flexible et moderne.
📌 ‹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.
📌 Siter.io est une application qui permet de créer des sites web sans coder. En quelques minutes, il est possible de concevoir et publier un portfolio, une landing page ou un site de présentation avec une liberté totale sur le design.
📌 INSPO ME est un plugin qui permet d’accéder directement à des inspirations UI/UX de qualité sans quitter un fichier Figma.
📌 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.
📌 Midscene.js s’appuie sur un modèle de langage multimodal (LLM) capable de « comprendre » intuitivement une interface utilisateur. Il suffit de décrire les interactions ou les formats de données attendus, et l’IA se charge de l’exécution.
📌 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
📌 MAXIBESTOF est un agrégateur de site web design inspirant.
📌 STRUCTURE est un plugin FIGMA qui vous permet de générer du code HTML et SASS directement à partir des designs Figma
📌 PRELINE UI est un design system, open-source, basés sur le framework CSS Tailwind, et bien évidement FIGMA.
📌 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.
📌 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.
📌 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.
📌 DOCS GPT est un plugin qui intègre des fonctionnalités d’IA dans Google Docs. DocsGPT prend la forme d’une barre latérale qui vous offrira des capacités de génération de contenu, de résumé, de traduction, de paraphrase et d’analyse de contenu.
📌 CODEIUM est un plugin qui vous aide à coder, encore une fois grâce à une IA 🥳. Il s’agit d’une alternative gratuite et open-source à GitHub Copilot qui utilise des algorithmes d’apprentissage automatique pour suggérer du code et des fonctions en temps réel.
📌 CODE GPT est une extension VScode qui vient vous assister dans la rédaction et le debug de votre code sur VScode.
📌 UELI est un lanceur d’application pour Windows et macOS, à la manière de SPOTLIGHT, ALFRED ou RAYCAST
📌 DENDRON est un outil de gestion des connaissances, reprenant le principe de Zettelkasten comme peut le faire OBSIDIAN ou encore ANYTYPE, mais cette fois-ci DENDRON est directement disponible sous forme de plugin VSCODE.
📌 SKETCH POTRACE est un plugin Sketch permettant de vectoriser en un clic vos images applaties, .JPEG / .PNG / .BMP / etc …
📌 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 !
📌 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.
📌 MAILPOET est un plugin qui permet de créer et d’envoyer des newsletters via WordPress.
MAILPOET fonctionne de manière transparente avec votre CMS préféré afin que vous puissiez commencer à envoyer des emails dès maintenant et rester en contact avec leurs abonnés.
📌 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 💌
📌 MAILFLOW est un plugin Gmail qui vous permet de gérer vos tâches, vos notes et vos projets sans quitter votre boîte de réception.
📌 PERFECT POST est une extension de navigateur (chrome / firefox) pour améliorer votre expérience de rédaction de posts sociaux sur linkedin.
📌 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.
📌 METRICOOL est un outil #Freemium de gestion de vos réseaux sociaux.
Il centralise vos tâches quotidiennes à travers la planification de contenu et l’analyse des données de vos réseaux sociaux et de vos campagnes publicitaires lancées dans Google Ads ou Facebook Ads.
📌 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.
📌 MOCKUP est un #plugin #sketch permettant d’appliquer une #perspective à vos créa afin de les intégrer à un #mockup.
📌 MAP GENERATOR est un plugin sketch qui permet comme son nom l’indique de générer des cartes à partir du service GoogleMap ou Mapbox.
#cmondary #Maps #Sketch #plugin #UX #UI
📌 NOTEBOOK V2 est un sketch plugin permettant d’annoter vos artboards sketch afin de produire des documents de specs.
#cmondary #UX #Tools #annotations
📌 CLUSE est un #plugin #sketch se proposant de vous aider à respecter différents critères d’ #accessibilité .
Pour ceux qui cherche une alternative serieuse à STARCK, je vous invite à y jeter un oeil 😉
#cmondary #UX #Tools
📌 UNICONS est une #bibliothèque de plus de 1100 #icones filaires + solides + monochrome proposé par #ICONSCOUT.
📌 KEYBOARD SHORTCUT est une #extension #chrome vraiment utile.
Si comme moi il vous manque quelques #raccourcis pour chrome (dupliquer un onglet par exemple) et/ou que vous souhaitez personnaliser ceux existant par défaut, alors cette extension vous rendra un fier service
#Plugin #Shortcut #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
📌 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.
📌 SCRN.LI est une #extension chrome pour réaliser des captures d’écran complètes ou partielles avec modification, téléchargement ou ajout de texte. Le design est convivial de Scrn.li est plutôt sympa !
#Plugin #screenshots #cmondary
📌 FEEE MOCKUPS est un ensemble de #mockups pour #photoshop et #sketch, assez divers mais surtout très bien réalisés.
📌 #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
📌 SKETCH CONNECTION ARROWS est un plugin sketch qui va créer via un simple raccourcis clavier des flèches entre vos différents groupes / symboles sous sketch.
📌 BOOTSTRAP GRID est un plugin SKETCH qui d’un simple raccourcis vous permettra de générer et afficher une grille bootstrap sur vos artboards.
Plus besoin de paramétrer les grilles directement dans sketch.
📌 DECIMAL NUMBER GENERATOR est un plugin SKETCH permettant de générer de manière aléatoire des nombres décimaux, avec paramétrages du nombre de chiffres après la virgule et unité.
📌 XROOM est un service de vision conférence très complet, gratuit et en ligne. Un peu sur le modèle de Appear.In
📌 TWILIO est un plugin pour Sketch permettant d’insérer de la data un peu plus réaliste qu’un simple Lorem Ipsum. En plus de fournir des données réalistes, il supporte un grand nombre de langues.
📌 MAIL FLOW est un plugin chrome pour Gmail vraiment trop cool.
📌 TIPS sketch avec le plugin ANIMA pour créer des prototypes #responsives et ainsi gérer les différents BreakPoints.
📌 VECTARY est un plugin sketch qui vous permettra d’appliquer en perspective vos créas sur des objets 3D.
📌 PHRASE est plugin Sketch qui vous permet de gérer très facilement les différentes versions linguistiques.
📌 MINIMAP est un plugin Sketch offrant une vue globale de votre plan de travail afin de localiser vos différents artboards. Un peu à la manière de ce que propose MURAL ou MIRO.
📌 ARTBOARD STUDIO MOCKUP est un plugin Figma permettant de rapidement et facilement créer des mockups complètement personnalisés.
📌 UNSPLASH propose maintenant un plugin pour FIGMA, vraiment très pratique !
📌 Ceux qui me connaissent savent que j’adore geeker sur Google SHEETS.
📌 FOCUS est un plugin SKETCH et XD qui permet de commenter / annoter / créer une discussion directement sur vos créa, dans votre outil préféré.
📌 FIGMOTION est un plugin permettant de créer des animations dans FIGMA.
📌 PINIT est un plugin SKETCH offrant des raccourcis pour les configurations de Pin and Resize les plus souvent utilisés.
📌 CHROMATIC est un plugin Sketch permettant de créer un color Scale à partir d’un gradient. Vraiment pratique.
📌 OVERRIDE IT est un plugin Sketch simplifiant grandement la gestion de vos différentes instances de symboles. En plus de présenter les choses assez clairement, et de manière ordonnée, il ajoute surtout un barre de recherche afin de filtrer rapidement les symbols filtrés. Vraiment pratique !!
📌 Un plugin FIND AND REPLACE pour sketch qui est assez intuitif et surtout propose d’appliquer le remplacement du simple layer jusqu’au document entier. Vraiment pratique
📌 ARRANGE ARTBOARDS est une plugin sketch vraiment très utile qui vous permettra de ranger votre espage de travail automatiquement selon le nom que vous donnerez à vos artboard. Vraiment pratique lorsque l’on veut représenter un parcours !
📌 Hello Linkedin, Je cherche actuellement des outils sympa pour créer sa propre POLICE DE CARACTÈRE.
📌 ANGLE est un plugin que j’utilise depuis longtemps sur SKETCH car il est une alternative gratuite à MAGIC MIRROR.
📌 SKETCH SYMBOLS MANAGER est un plugin vraiment pratique, mais chose rare, il est payant… Il permet de gérer très facilement ses symboles et de les classer par dossiers.
📌 Article bien réalisé proposant un ensemble de ressources gratuites pour Sketch.
📌 CONNECTION FLOW ARROWS est un plugins pour sketch permettant de créer des parcours fléchés entre vos différentes étapes de parcours ou écrans d’interface afin de composer rapidement un UserFlow. On sais tous que sketch n’est initialement pas l’outil le plus approprié pour faire cela et surtout pour le modifier rapidement. Ce plugin est là, pour compenser cette faiblesse de sketch
📌 SYMBOL AUTOCOMPLETE est un plugin sketch permettant de conserver un peu d’ordre dans vos symbols. Il offre simplement l’auto-complétion du nom des symbols ce qui évite des erreurs de saisie et assure ainsi de garder des noms et des catégories des symbols cohérents.
📌 ANNOTATIONS est un plugin pour sketch permettant d’afficher et de masquer des notes que vous auriez pu saisir afin d’expliquer vos choix de conception. C’est très pratique et devrait être intégré en natif sur sketch, ce serait vraiment bien
📌 OVERVIEW ARTBOARD est un plugin sketch qui permet de créer un artboard regroupant l’ensemble des artboards de votre plan de travail. Pratique pour faire une planche contact ! A une époque j’arrivais à le faire avec Sketch par défaut, simplement un glissant un grand Artboard sous les autres, mais depuis cela ne fonctionne plus. Ce plugin est donc le bienvenu pour donner une vue d’ensemble de son projet sans recourir au screenshot !
📌 HSL PICKER est un plugin Sketch très utilie permettant de gérer ses couleurs en HSL en plus du classique RGB et HSB proposé par défaut dans Sketch. Merci @gwendal gregam 😉
📌 FONT BUDDY est un plugin Sketch indispensable proposé par Anima. Il permet d’un simple clic de télécharger et d’installer les polices manquantes pour l’édition de votre document sketch. Etonnant qu’ Anima n’est pas directement intégré cette fonctionnalité à son master plugin AUTOLAYOUT + LAUNCHPAD + TIMELINE
Si vous n’utilisez pas PADDY pour sketch, alors ce petit trick peut vous intéressez. En effet, avec un peu d’ingéniosité, l’auteur ici nous propose l’utilisation d’un symbol qui permet d’avoir une taille de bouton qui s’adapte à la taille de son libellé, le tout sans plugin 😉
📌 UI LOGOS est un plugin pour sketch qui va vous permettre de rapidement remplacer un ensemble de forme par des Logo de marque. Les logos étant aléatoires et pas nécessairement très connus, cela peut malgré tout se réveler pratique pour un wireframe / maquette, en mode Lorem Ipsum logo
📌 BOLT IT est une extension Sketch permettant de mettre en gras une partie d’un texte préalablement sélectionné. Au début je me suis dit qu’une simple sélection puis Command+B suffisait, mais l’extension prend tout son sens lorsque l’on souhaite dans un long texte mettre en gras toutes les occurrences d’un même mot / groupe de mots.
📌 FELIPE est un #plugin pour #sketch assez bluffant qui va transformer des formes simples en éléments graphique. La vidéo devrait vous en convaincre …. !
📌 GIT SKETCH PLUGIN est comme son nom l’indique un plugin pour sketch permettant de gérer le versionning de vos fichiers. Pratique pour le travail en équipe, et ainsi éviter de corrompre vos fichiers.
📌 DIVERSE UI est une banque d’image pour créer des profils utilisateurs. Le service est gratuit et met à disposition un ensemble de photos de profil utilisateurs téléchargeable d’un simple clic. Pratique !! Il y même un plugin sketch, (un peu moins utile depuis que Craft propose la même chose, mais bon…)
📌 BASE ALIGN est un plugin sketch vraiment très utile, car il va vous permettre d’aligner directement les textes sur leur ligne de pied (ou ligne de base) et non les boites contenant les textes.
📌 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.
📌 Le plugin InVision CRAFT pour sketch s’enrichi encore d’une fonctionnalité vraiment très intéressante : CRAFT PLAYER. En effet, plus besoin de jongler entre Sketch et Invision, il est maintenant possible de manipuler son prototype InVision directement depuis le Craft Player, dans sketch… J’ai du mal à comprendre la stratégie d’ InVision vis-à-vis de sketch du fait de la création de leur outil INVISION STUDIO, mais ce n’est pas grave. Craft reste un plugin incontournable pour sketch
📌 6 SPIRAL est un plugin Sketch permettant de créer des spirales selon différentes configurations directement depuis Sketch. ça peut servir…
📌 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, …
📌 La nouvelle fonctionnalité de SPEC du plugin ANIMA de SKETCH est vraiment pratique
📌 ANIMA continue de s’imposer comme étant LE plugin SKETCH incontournable, avec l’annonce d’une fonction PADDING permettant de retailler les boutons et champs de saisie à la taille du texte qu’ils contiennent (adieu PADDY le plugin dédié…)
📌 AUTO LAYOUT (ANIMA) est je pense le plugin le plus important de sketch après RUNNER.
📌 EXPORTER est un plugin sketch permettant d’exporter son prototype Sketch au format HTML.
📌 COLORSPARK propose un plugin SKETCH permettant de générer aléatoirement des couleurs et des gradients à insérer dans vos créa’
📌 Le plugin Sketch TIMELINE (de anima) se met à jour et propose dans sa version 2 de créer des composants interactifs.
📌 FOCUS est un plugin Sketch assez complet proposant de booster votre productivité.
📌 OVERRIDE IT est un plugin SKETCH vraiment très pratique si vous utilisez un design system. Il rend beaucoup plus simplement la composition d’un item par la selection de ses différents éléments. L’essayer c’est l’adopter !
📌 EASING GRADIENT est un plugin SKETCH très simple qui permet de gérer plus finement les Gradients de couleurs sous Sketch.
📌 J’ai enfin mon invitation pour le beta test de ARTBOARD STUDIO
êtes-vous prêt(e) à me soutenir sur Patreon pour lire mes articles en avance ?
Total de 0 votes.