📌 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 😉
📌 SKYBOX est un générateur d’images à 360° en ligne, basé sur une IA et qui crée des images panoramiques pour différentes expériences virtuelles. Il vous suffit de décrire votre paysage et de regarder l’IA créer votre panorama.
📌 MONDAY HERO est un outil permettant de convertir vos conceptions Figma, Sketch et XD en code mobile pour les développeurs
📌 SKETCH POTRACE est un plugin Sketch permettant de vectoriser en un clic vos images applaties, .JPEG / .PNG / .BMP / etc …
📌 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.
📌 MOQUPS est un outil de conception en ligne, Freemium (Le plan gratuit offre 1 projet (limité à 200 objets) et 5 Mo de stockage)
Cette application web intuitive vous aidera à concevoir et à collaborer sur des wireframes, des mockups, des diagrammes et des prototypes.
📌 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
📌 AKIRA est un logiciel Linux de conception pour UX Designer.
AKIRA propose une approche moderne et rapide de la conception de l’interface utilisateur rappelant Sketch / Adobe XD. Ce logiciel s’adresse donc principalement aux graphistes et concepteurs Web. L’objectif est d’offrir une solution professionnelle aux concepteurs qui souhaitent utiliser Linux comme système d’exploitation principal.
#cmondary #tools #conception
📌 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
📌 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
📌 PIXAVE est une #application #MacOS de gestion d’images.
Pixave est là pour stocker et organiser vos images et fichiers de conceptions tels que Sketch ou Affinty Designer.
#cmondary #tools #Viewer #UI
#cmondary
📌 SKETCH SHEETS s’adresse avant tout à ceux qui font majoritairement leurs #wireframes sur papier. Le service offre des modèles de croquis prêts à imprimer pour les concepteurs UX représentant les différents terminaux mobiles / desktop / wearable actuels.
#cmondary #Ressources #UX
📌 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.
📌 PHOTOPEA est un logiciel de #retouche et de traitement d’images gratuit et en ligne. Une sorte de #Photoshop light Online.
#Tools #cmondary
📌 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
📌 HANDOFF est un nouvel outil de conception qui vous permettra de faire vos créa’ comme vous le feriez avec n’importe quel outil vectoriel traditionnel, Sketch, XD, etc, mais il vous permettra d’exporter vers un code “propre”, prêt à l’emploi pour la production.
#tools #cmondary
📌 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
📌 ANTETYPE est un outil de prototypage intéressant.
Son interface est assez proche de celle de #Sketch (qui ne l’est pas aujourd’hui ..?) et donc simple d’appréhension. ANTETYPE est basé sur la technologie Web, et utilise un principe de #flexbox comme en #CSS3, donc un peu plus éloigné des outils de #design traditionnels, mais je pense que cela va dans le bon sens car permet de réduire l’écart avec les développeurs.
L’outil est gratuit et ça aussi c’est cool
#cmondary #tools
📌 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.
📌 SKETCH 69 est disponible et propose des évolutions très appréciables :
– Color Variables
– Components view
– Insert window
#Bastiui à justement fait un vidéo très clair sur le sujet il y a 2 semaines
#tools #cmondary
📌 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
📌 BOOTSTRAP FRAMEWORK FOR SKETCH est un #librairie gratuite en ligne très bien conçue qui vous permettra de très facilement et rapidement créer vos interfaces #Bootstrap sur #Sketch.
#UI #UX #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
📌 ARTICLE sur l’organisation de vos dossiers / fichiers projets sur MacOS.
Personnellement j’ai plutôt tendance à utiliser une numérotation reprenants les différents “étapes” du projet.
Et vous comment procédez vous ? Utilisez vous également les tags de couleurs ?
📌 NORDE est un outil de collection d’icônes et plus généralements de SVGs. Il vous permettra de créer des bibliothèques d’assets graphiques et même d’en éditer les couleurs directement au sein de la biblothèque sans avoir besoin de lancer Sketch ou Illustrator !!!
Merci à @Manuel Dorne (Korben) pour la découverte 😉 #SVG #Librairies #UI #Tools #cmondary
📌 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é.
📌 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.
📌 TIPS sketch avec le plugin ANIMA pour créer des prototypes #responsives et ainsi gérer les différents BreakPoints.
📌 13 PLUGINS SKETCH pour gérer vos palettes de couleurs.
📌 VECTARY est un plugin sketch qui vous permettra d’appliquer en perspective vos créas sur des objets 3D.
📌 ARTICLE sur comment présenter ses créas directement dans Sketch.
📌 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.
📌 CORE DESIGN SYSTEM est un kit gratuit pour Sketch vous offrant une base de “symbols” pour votre design system !
📌 LUNACY est outil de conception gratuit, permettant d’ouvrir et d’enregistrer des fichiers Sketch sur Windows.
📌 REDEFINIO est un service gratuit en ligne pour créer votre CV rapidement. Peu de templates, mais ça peut dépanner, voir donner une trame à reprendre dans SKETCH / ILLUSTRATOR etc…
📌 FIGMA se dote de plugins et comble par la même occasion son “retard” sur SKETCH. Ici un article sur les 15 meilleurs
📌 TIPS sur Sketch pour faire un background Blur.
📌 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.
📌 AMADINE est un soft de créaction vectoriel très, très inspiré de illustrator.
📌 PINIT est un plugin SKETCH offrant des raccourcis pour les configurations de Pin and Resize les plus souvent utilisés.
📌 ARTICLE très intéressant sur la manière dont appliquer les principes de la GESTALT dans SKETCH.
📌 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.
📌 CHROMATIC est un plugin Sketch permettant de créer un color Scale à partir d’un gradient. Vraiment pratique.
De plus en plus de plugins Sketch sont portés sur ADOBE XD. Cet article en recense 7, jugés indispensables. On retrouvera ARTBOARD PLUS , RENAME IT , LOREM IPSUM, ZEPLIN pour les plus intéressants selon moi. Adobe doit certainement pouvoir remporter la bataille s’il arrive à fédérer une communauté de dev indépendants aussi importante que celle de Sketch …. affaire à suivre.
📌 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
📌 AXURE RP9 permet enfin le travail collaboratif ! Bizarrement Sketch prends bcp de retard sur ce sujet… même s’il est prévu pour cet année, tous les concurrent disposent déjà de cette fonctionnalité…
📌 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 !
📌 CHARTS FOR SKETCH est une librairie de graphiques pour sketch vraiment très bien réalisée et gratuite. Disponibles en 3 thèmes différents, cela pourra vous être utile comme base d’inspiration, ou même pour composer rapidement vos Wireframes si nécessaire.
📌 Hello Linkedin, Je cherche actuellement des outils sympa pour créer sa propre POLICE DE CARACTÈRE.
📌 UIZARD est un outil en ligne vraiment genial. Cette simple vidéo vous en convaincra assez rapidement. La promesse ? Dessinez vos wireframes papier, uplodez les sur leur site et hop, un fichier sketch correspondant vous est proposé…
📌 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 très intéressant regroupant un ensemble de bonnes pratiques sur les usages de Sketch et Invision!
📌 PIXELMATOR est un outil de design simple et de prise en main et abordable.
📌 Article bien réalisé proposant un ensemble de ressources gratuites pour Sketch.
📌 ADOBE XD évolue et permet maintenant la collaboration en ligne en rejoignant les services cloud d’Adobe !
📌 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 !
📌 BUNINUX propose un ensemble de ressources SKETCH gratuitement. Cela peut vous faire gagner du temps si vous avez des objets complexes a réaliser pour vos créa’
📌 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.
📌 ARCHETYPE est un service gratuit en ligne, vraiment génial ! Il va vous permettre de mettre en forme votre texte : sélectionner la police, sa taille, les espacements, visualiser les versions mobiles et desktops ainsi créées. Enfin vous aurez la possibilité de l’importer directement dans Sketch, ou l’exporter au format CSS !! Petit bonus, sachez que toutes les polices de caractères présentées ici sont téléchargeables !!
📌 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 …. !
📌 J’adore KITE pour rapidement animer les créas réalisées sous sketch , et maintenant sous XD également. Vraiment beaucoup plus accessible que After Effect (dans tous les sens du terme), Il permet même de générer du code directement intégrable à vos applications. Je ne comprend toujours pas pourquoi Sketch n’intègre pas nativement une timeline + Keyframe
📌 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 😉
📌 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.
📌 MAZE est une service de test utilisateur en ligne se branchant directement sur INVISION, MARVEL, et SKETCH permettant ainsi de tester rapidement son prototype.
