Resourcecards
📌RESSOURCE CARDS est un site dans la lignée de THE STOCKS 2, regroupant un ensemble de ressources organisées par besoin. Véritable boite à outil du designer.
-
-
-
-
Metatags.io
📌 METATAGS est un outil gratuit en ligne permettant de créer les fameuses petites #vignettes automatiques que l’on voit lorsque l’on colle un lien sur un réseau social. C’est simple, à la porté de tous, et je ne connais pas de service gratuit equivalent !
-
Draftium : prototype tool
📌 DRAFTIUM est un outil de prototypage en ligne, en beta et gratuit. Il propose de réaliser des prototype de sites responsives à partir d’une librairie de plus de 300 templates, ainsi que de nombreux blocs pré-construits. Mais permet également la collaboration en ligne à l’image des commentaires dans INVISION. Vraiment sympa !!
-
-
SLITE
📌 SLITE est un outil vraiment sympa pour organiser ses pensées et collaborer autour de différents sujets. J’aimerai trouver une alternative à SLITE pour créer un petit guide d’onboarding pour les nouveaux arrivants à l’agence .
Qqn à une idée?
https://www.youtube.com/watch?v=OQMLtrvtvk4 -
ORA : Gestion de projet
📌 ORA sort une version 2 en beta. Pour rappel ORA est un outil de gestion de projets AGILE très complet. Il vous permettra de gérer votre backlog en présentant vos USs et EPICs, mais fait aussi bug tracker, Kanban, etc … Gratuit jusqu’a 3 collaborateurs
-
-
Squoosh.app
📌 SQUOOSH est un outil en ligne de compression d’image, simple et efficace comme un drag ‘n’ drop 😉
-
Sensive
📌 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 😉
-
GOOGLE OPTIMIZE
📌 Je ne connaissais même pas l’outil d’A/B testing de google : GOOGLE OPTIMIZE. Article sur la mise en place d’un AB Testing sur votre site Wordpress via Google Optimize.
-
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 🙂
-
Getchipmunk
📌 CHIPMUNK est un outil en ligne se proposant de vous offrir un espace unique pour la gestion de vos projets, de vos outils, de créations et ainsi faciliter le travail collaboratif. Gratuit jusqu’a 3 personnes, l’outil peut être intéressant pour les petites équipes, ou une succession de projets courts !
-
Trunk : travail collaboratif
📌 TRUNK est un outil permettant le travail collaboratif autour de vos créa’ Il permet la gestion du versioning de vos fichiers et entend régler les problèmes de conflits entre les différentes versions de vos Sketchs.
-
Leanboard.io
📌 LEANBOARD est un outil en early access qui va vous permettre d’utiliser des post-its virtuels sur un tableau blanc virtuel. La version disponible permet actuellement de gérer votre Github
-
VISBUG : Chrome extension
📌 GOOGLE mets à disposition une extension chrome nommé VISBUG permettant d’éditer une page web directement dans son navigateur, le tout en Wysiwyg et drag and drop. Outil principalement à destination des développeurs il sera utile pour remplacer FIREBUG ou encore VISUAL INSPECTOR de canvasflip.
-
Data visualization et accessibilité
📌 ARTICLE très intéressant sur l’accessibilité et le daltonisme. Comment trouver la bonne palette de couleur pouvant fonctionner sans recouvrement. (où l’importance de la valeur fonctionnelle des couleurs….) Je pense que couplé à un outil comme STARCK pour sketch, la méthode semble être relativement efficace !!
-
Cleverstack
📌 CLEVERSTACK est un outil en ligne permettant de remplacer votre tableau blanc + post-its de vos ateliers et permet donc une collaboration en ligne à base de cartes que vous allez pouvoir organiser et commenter.
-
Craft sketch plugin
📌 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
-
Diagramiq : outil de création de diagrammes
📌 DIAGRAMIQ est un outil gratuit en ligne permettant de créer diagrammes, Userflows, Flowcharts, etc… Ce qui est vraiment sympa c’est l’utilisation des points d’ancrage, comme on pourrait le retrouver sur OMNIGRAFFLE par exemple.
-
Affinity Publisher
📌 AFFINITY sort un nouvel outil de PAO en beta AFFINITY PUBLISHER. Quand on connait la qualité des softs Affinity, ainsi que leur prix très raisonnable, on est ravi de l’initiative. A tester donc, et voir où AFFINITY PUBLISHER se situera entre INDESIGN et SCRIBUS 😉
-
Perps : Outil de design / code
📌 PERSP est un outil en version Alpha proposant lui aussi de supprimer la barrière entre le Design et le Code. L’outil semble bien conçu, permet la création de composant, la publication du site, etc etc… J’ai hate de pouvoir tester.
-
PRIMAL DRAW
📌 PRIMAL DRAW est un éditeur vectoriel gratuit en ligne que je viens tout juste de découvrir. L’outil m’a l’air assez complet et je pense que cela peut pas mal dépanner lorsque l’on a plus accès à sa machine et ses outils. Habituellement j’aurai tendance a utiliser GRAVIT dans ce cas de figure, mais c’est toujours bon d’avoir un autre outil de ce type sous la main.
-
Lightwell
📌 LIGHTWELL est un outil permettant de créer une application mobile à partir de ses assets graphiques.
-
-
TimeKeeper et outil
📌 Article sur l’interêt d’un TimeKeeper et ses outils 😉
-
Chapeaux de bono
📌 LES CHAPEAUX DE BONO est un outil méthodologique pour nourrir la créativité de vos intervenants lors de ateliers idéation / co-création.
-
Invision Studio VS Adobe XD
📌 ADOBE XD vs INVISION STUDIO – Meilleur que SKETCH ??
-
Raindrop.io
📌 RAINDROP est un outil très connu, mais vraiment compliqué à remplacer. En effet il se propose de vous aider à organiser vos bookmarks ainsi que les contenus que vous trouvez sur le web. Il existe des applications et extensions pour toutes plateformes et navigateurs. J’aimerai trouver un nouvel outil comme STASH AI ou KOZMOS BOOKMARKS proposant du machine learning pour classer vos favoris, mais je ne trouve rien en gratuit, alors RAINDROP et son autotag continue de m’aider dans cette tache. Si l’un d’entre vous à un outil de ce genre qui propose l’auto categorization gratuitement, je suis preneur !!
-
-
Retrospect
📌 RETROSPECT est un outil en ligne permettant de créer des boards, à la manière KANBAN
-
-
Famous : outil de conception prometteur
📌 FAMOUS est un outil très prometteur se proposant de prendre le relais de Sketch, Photoshop et AdobeXD
-
Haplen : Gestion de projet
📌 HAPLEN est un outil de gestion de projets en ligne, et gratuit. Il permet de gérer son backlog, d’assigner des taches à des utilisateurs, et d’avoir une vue Kanban.
-
Logolab.app : tester l’efficacité de votre logo
📌 LOGOLAB est un outil en ligne permettant de tester l’efficacité de votre logo sur un grand nombre de critères. Sympa
-
Colorbox.io
📌 COLORBOX est un outil en ligne permettant de créer des palettes de couleurs
-
UX amoeba : UX skills
📌 UX AMEOBA est un outil en ligne permettant de représenter ses compétences en UX sous forme de diagramme de KIVIAT.
-
MODULZ : nouvel outil de conception
📌 MODULZ est une future application proposant de faire de la conception non plus via des outils vectoriels mais grace à des composants interactifs, en React
-
Axure rp 9 beta
📌 AXURE sort sa version 9 en beta.
-
Framer
📌 FRAMER X est sortie et s’annonce vraiment être un outil de référence pour la conception mobile. La barrière entre Design et Code s’amenuise toujours un peu plus et ça fait plaisir.
-
TYPE DETAIL
📌 TYPE DETAIL est un outil en ligne vraiment cool permettant de tester/ configurer des web fonts.
-
Colorspark : sketch plugin
📌 COLORSPARK propose un plugin SKETCH permettant de générer aléatoirement des couleurs et des gradients à insérer dans vos créa’
-
FLOW : outil d’animation
📌 FLOW sort de beta et passe enfin en version 1.
-
-
CSS GRADIENT
📌 CSS GRADIENT est un service web permettant de créer des gradients de couleurs linéaires ou radiaux et d’en obtenir le code CSS.
-
ISO : coder en REACT
📌 ISO est un outil permettant de coder en REACT et d’en obtenir une prévisualisation instantanée.
-
Modulz.co
📌 Colm Tuite travaille en ce moment sur un outil appelé MODULZ.
-
-
LOG : Dashboard d’activité
📌 LOG est un outil proposant un dashboard pour tracker son activité. A destination des développeurs et de ceux qui sauront l’exploiter, il n’en reste pas moins qu’il est très bien réalisé et que c’est ce type de projet qui me fait regretter de ne pas savoir coder et réutiliser ce type de projet.
-
ALVA : outil de conception sympa
📌 En ce moment je test GOOGLE APP MAKER. Cherchant un outil similaire, j’ai découvert ALVA
-
-
-
Matrice de priorisation
📌 Un petit article vraiment cool sur l’indémodable outil de priorisation Valeur utilisateur perçue VS Facilité de mise en oeuvre.
-
EASING GRADIENT – Sketch plugin
📌 EASING GRADIENT est un plugin SKETCH très simple qui permet de gérer plus finement les Gradients de couleurs sous Sketch.
-
ARTBOARD STUDIO
📌 J’ai enfin mon invitation pour le beta test de ARTBOARD STUDIO
-
Whimsical : Fast collaborative wireframing app
📌 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).
-
Tips pour concevoir une progress bar
📌 Un article vraiment sympa donnant un TIPS permettant de réaliser des progress-bars facilement paramétrable sur SKETCH.
-
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.
-
Coolbackgrounds.io
📌 COOLBACKGROUNDS est un outil permettant d’avoir des background a base d’artefacts assez cool.
-
Keyframes
📌 KEYFRAMES est un petit outil qui remplacement aisément SPIRIT
-
Microsoft Inclusive Design
📌 MICROSOFT mets à disposition un toolkit pour son INCLUSIVE DESIGN. J’adore ce genre de démarche et tout outil méthodologique est intéressant à étudier / tester !
-
LOBE : service de reconnaissance d’inputs
📌 LOBE est un service de reconnaissance d’inputs (écriture manuscrite, émotion, timbre musical d’un instrument, etc) s’appuyant sur une intelligence artificielle.
-
Canvas : Cadrer un brief UX
📌 Après nous avoir proposé un toolkit sur les parcours utilisateurs Raphaël Yharrassarry mets aujourd’hui à disposition un Canvas de Brief.UX J’adore ce genre d’outil !! Merci Raphaël Yharrassarry
-
Google Material Editor
📌 Contrairement à ce que dit l’article je pense que INVISION garde encore pas mal d’avance, et son outil STUDIO est tout simplement génial et sans concurrence réelle.
-
-
Webjets.io
📌 WEBJETS est un outil en ligne proposant plusieurs espaces de travail.
-
GOOGLE WEB DESIGNER
📌 GOOGLE WEB DESIGNER se met à jour, et ça fait un moment que cela n’était pas arrivé 🙂
-
Artboard studio
📌 ARTBOARD STUDIO est un outil dédié à la création de Mockup
-
The comprehensive guide to information architecture
📌 Pour moi le meilleur outil reste encore OMNIGRAFFLE ou TIMBLEE !
-
Subform
📌 SUBFORM est un outil permettant de realiser des interfaces dynamiques en proposant un design par contrainte (une sorte d’auto-layout assez poussé)
-
-
LUNACY
📌 LUNACY est outil gratuit, permettant d’ouvrir et d’enregistrer des fichiers Sketch sur Windows.
-
Fusetools
📌 FUSE est un outil pour créer des applications mobiles, il ambitionne d’unifier prototypage, design, et code.
-
WHIMSICAL : Outil UX
📌 WHIMSICAL est un autre outil en ligne permettant de créer des flowcharts vraiment pratique. On peut y intégrer nos propres design, vidéos, etc. Un outil vraiment bien fait, avec une version gratuite offrant 3 diagrammes !
-
Wireflow : Flowchart facile
📌 WIREFLOW est un outil en ligne permettant de faire rapidement des Flowcharts.
-
ANGLE sketch plugin
📌 ANGLE est arrivé !!!
Enfin une alternative gratuite à MAGIC MIRROR. -
ProtoWire : Sketch plugin
📌 En attendant INVISION STUDIO, je vous propose un nouvel outil/plugin de prototyping sous sketch. La version gratuite ne permet d’animer que 10 artboards, mais ce que je trouve interessant dans cette solution, c’est son intégration vraiment sympa dans Sketch, la manière de créer les liens et applications et la fonction de prévisualisation. À quand une fonctionnalité identique directement dans Sketch ?
-
Evrybo
📌 EVRYBO possède enfin un plugin sketch !!
-
Meistertask
📌 Au travail, il est très important de pouvoir organiser ses projets et les différentes taches qui leurs sont associées.
-
Phase : outil de conception
📌 PHASE est un futur outil de design et prototypage qui semble avoir du potentiel.
-
Fontrapid : Font Sketch plugin
📌 FONTRAPID est un plugin Sketch permettant de créer sa police de caractère directement depuis Sketch…. Vraiment sympa, même si je ne suis pas sur que Sketch soit l’outil le plus adapté, cela peut toujours servir. Mais surtout, je me vois bien essayé de détourner cet outil pour créer ma propre librairie d’icônes, à la fontawesome 😉
-
Canvas : Jeu de cartes pour parcours utilisateurs
Merci à Raphaël Yharrassarry pour son jeu de carte permettant de faciliter l’élaboration d’une experience map en atelier, ou du moins une version simplifiée et plus facile à mettre en place. J’adore ce genre d’outil et le fait de savoir élaborer de nouveaux outils afin de parvenir à ses objectifs est pour moi un but en soit, cela me rappelle mes travaux avec Celine Birgand, Franck Dauger et SYLVAIN DORE
-
Agenda.com
📌 AGENDA est un outil, toujours pour la prise de notes, mais cette fois-ci organisées chronologiquement. Pour ceux qui utilisent leurs notes en mode To-do list ou afin d’organiser leur semaine de travail : Très pratique ! et en Freemium
-
Zoho Notebook
📌 ZOHO NOTEBOOK est une application gratuite qui propose de concurrencer Evernote. La seule limite est le poid de pièces jointes limitées à 50mo. Personnellement j’utilise depuis de nombreuses années SIMPLENOTE (https://simplenote.com/) pour son coté cross-platerformes, simple et efficace, mais étant utilisateur régulier de la suite ZOHO, je dois avouer que l’outil est vraiment bien foutu et très pratique !!
-
Whiteboard
📌 WHITEBOARD est, comme son nom l’indique, un service web gratuit de tableau blanc collaboratif. C’est typiquement le genre d’outil utile lors de co-working à distance, ou lors d’atelier où l’on cherche à sketcher de manière rapide ce que l’on a en tête (ou dans celle de notre interlocuteur 😉 )
-
Agantty : Gestion de projet
📌 AGGANTY est un outil de gestion de projet type Diagramme de Gantt gratuit et vraiment bien foutu ! Pensez tout de même à cliquer sur English en bas à gauche pour les non germanophones 😉
-
AKAUNTING : outil de facturation
📌 AKAUNTING est un outil de facturation, avec gestion des comptes bancaires.
-
PAPERNEST : démarches administratives
📌 PAPERNEST est un outil gratuit qui se propose de vous aider dans vos démarches administratives lors de votre déménagement.
-
Plant
📌 PLANT est un outil permettant de gérer le versioning de vos fichiers sketch La version gratuite est un bon moyen de tester
-
Haiku Animator
📌 HAIKU est un projet assez proche de SVGator, et permet donc de créer des animations intéractives.
-
SPIRIT JS est un outil d’animation avec timeline et keyframe
📌 SPIRITjs est un outil d’animation avec timeline et keyframe pour Designers et Développeurs.
-
PWA, AMP, INSTANT APPS
📌 Je crois plus aux INSTANT APPS, qu’aux PWA (progressive wep app) et AMP (accelerated mobile pages), mais je partage entièrement le propos.
-
WEBFLOW : outil de conception complet
📌 WEBFLOW permet maintenant de créer des animations en reprenant un peu le concept de l’inspector de KEYNOTE.
-
FLOW animator
📌 J’avais déjà évoqué FLOW et ceux qui me connaissent un peu, connaissent ma passion pour les outils avec des Timelines 😉
-
Deepl
📌 DEEPL est un service de traduction en ligne très performant proposé par les équipes de Linguee. Je trouve assez agréable de disposer d’un outil simple, propre, sans pub.
-
The Anatomy Of a Thousand Typefaces
📌 Un projet tout simplement génial The Anatomy Of a Thousand Typefaces est un outil permettant de trouver une police de caractère selon des critères ultra précis.
-
Invision Studio : Outil de conception Invision !!!
📌 INVISION vient d’annoncer la sortie de son clone de Sketch/Adobe XD pour janvier 2018.
-
XDGURU : Templates Adobe XD
📌 XDGURU proposait déjà des templates pour adobe XD, mais là, il propose même un guide complet pour apprendre à utiliser adobe XD. Vraiment génial.
-
Un article sympa sur les bonnes pratiques en UX.
📌 Un article sympa sur les bonnes pratiques en UX.
-
GRAVIT : Outil vectoriel
📌 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
-
FIGMA – Outil vectoriel
📌 Pour ceux qui ne seraient pas encore convaincus que Figma est un sérieux concurrent à Sketch / Adobe XD
