Outils

Tous les outils du MMI

En tant qu’étudiant en DUT MMI, il est nécessaire d’avoir la panoplie complète des meilleurs outils et gadgets que t’offrent le web, et qui plus est, gratuitement ! C’est pourquoi nous avons recensé pour toi des dizaines et des dizaines d’outils indispensables, et qui te serviront à coup sûr, que tu sois spécialisé en graphisme, développement web, audiovisuel ou webmarketing !

Liste d'outils pour le design graphique

La liste qui suit est une collection d'outils gratuits et indispensables pour la création graphique comme des palettes de couleurs, des outils pour la typographies, des flux de veille graphiques, etc ...

Un outil de veille graphique pratique qui récupère plusieurs flux RSS tels que Dribbble ou SerialThriller.
Adobe Color CC est un outil du Creative Cloud, gratuit, qui permet de composer et partager des palettes de couleurs.
Un outil de veille graphique qui combine à la fois des offres d'emploi et un blog.
Un Tumblr pour faire de la veille graphique sur le webdesign.
Behance est un réseau social de créatifs aujourd'hui géré par la société Adobe. C'est un très bon outil pour montrer ton portfolio et faire de la veille graphique.
BrandColors est une gigantesque palette de couleur qui collectionne les codes couleur des plus grandes marques.
Canva est un outil gratuit et très simple d'utilisation pour créer des visuels à diffuser sur internet et sur le print. Récemment, ils ont complété leur outil en y intégrant des templates pour réaliser des infographies. Très facile à utiliser, il se base sur un système de "Drag and Drop". Tu peux créer une multitude de visuels, des templates existent pour tout : couvertures Facebook, flyers, posters... En seulement 2 ans, ils comptent plus de 17 millions d'utilisateurs. Tu as déjà testé ? Tu en penses quoi ? Nous on adore.
Un outil de veille graphique pour les designers d'application mobile qui regroupe des centaines d'idées d'animations pour tes interfaces.
Color est une application web développée par Devin Hunt aka Hailpixel, où la totalité de ton écran deviens la palette de couleurs.
Des palettes de couleur pour ton inspiration et récupère le code hexadécimal de chaque couleur en un clic !
Cet outil te permet de composer de manière ludique tes palettes de couleurs.
Une galerie de palettes de couleur et d'images colorées pour les amoureux des mélanges de couleur.
Une collection d'icônes dans le style d'Android Lollipop pour ton inspiration graphique.
Un générateur de palette de couleur gratuit.
Un outil pour ceux qui ne connaissent pas les raccourcis clavier des caractères et symboles cachés du clavier.
Coverjunckie est un site de veille graphique sur la thématique des unes de magazine.
Une galerie de palettes de couleur créée à partir d'images.
Ce site permet de faire de la veille graphique sur les pochettes d'album CD.
DeviantArt est une communauté de designers graphiques en tout genre (illustration, UI Design, etc ..) et un bon site pour faire de la veille graphique.
Dribbble est un réseau social de designers. C'est un très bon outil pour montrer ton portfolio et faire de la veille graphique.
Un galerie d'image Tumblr pour ton inspiration graphique.
Une palette de couleur basée sur les couleurs utilisées dans la tendance du flat design.
Un outil pour créer des couples de typographies à partir des Google Fonts.
FontFaceNinja est un outil qui permet de détecter les typographies utilisées sur un site web.
Télécharge des fonts gratuites.
Fount est un outil gratuit qui se place en glisser-déposer dans ta barre de favoris et qui te permet de détecter facilement quelle typographie est utilisée sous ta souris.
Un Tumblr d'inspiration sur les pages 404.
Un site de veille pour ton inspiration dans tous les domaines de la création graphique (motion design, illustration, webdesign, lettering, etc ...).
Un outil gratuit pour obtenir et partager la charte graphique de sites web.
GameUI est un site asiatique d'inspiration d'interface et éléments graphiques pour les jeux vidéos.
Gimp est un logiciel gratuit de manipulation d'image.
Un blog d'actualité en français sur la création et les arts plastiques.
Gridulator est un outil pour calculer la largeur de colonnes et de tes gutters sur tes grilles responsive selon sa largeur et le nombre de colonnes.
Un outil en ligne pour construire ses propres icônes et pictogrammes et les télécharger gratuitement.
Un outil de veille pour des icônes pour applications iOS.
Chaque jour de l'inspiration graphique pour ta veille et des ressources à télécharger.
Un outil de veille graphique qui affiche un mur d'image façon Pinterest.
Un Tumblr d'inspiration graphique sur les interfaces d'applications mobile.
Ce site est un galerie qui regroupe un grand nombre d'icônes d'application iOS.
Ce site dresse la charte des résolutions des derniers terminaux d'Apple.
Un Tumblr d'inspiration graphique en design d'interface.
Un galerie de logos pour ton inspiration graphique.
Site de veille graphique qui récompense les meilleurs logos.
Site de veille graphique sur les logos.
Site d'inspiration graphique pour le design de logo.
Un site d'inspiration graphique pour la création de logos.
Lookback est une application mobile qui permet d'enregistrer les expressions du visage des utilisateurs de tes interfaces mobiles.
Marvel est une plate-forme gratuite qui permet de prototyper graphiquement des applications mobiles et web.
Un générateur gratuit de palette de couleur sur les principes du Material Design.
Un outil pour composer ses palettes de couleur pour des projets en Material Design.
Un outil pour composer et prévisualiser ses couples de couleur dans des projets Material Design.
La palette de couleur utilisée pour les interfaces en Material Design.
MaterialUp est un site lancé par Matt Aussaguel pour faire de la veille sur les tendances du Material Design.
Un outil pour générer du faux texte en langage Minions.
Une galerie d'image sous Tumblr pour ton inspiration graphique en design d'application mobile.
Un Tumblr pour faire de la veille graphique sur le design d'application mobile.
Moqups est un outil pour créer rapidement des wireframes d'interface utilisateur.
Une large collection d'affiches de film pour ton inspiration graphique.
Napkin est une application iOS pour réaliser des wireframes d'application mobile.
Nice est un moteur de recherche et également une application web qui permet de créer des moodboards à partir d'un flux d'image provenant de différentes sources d'inspirations.
Un site en anglais pour argumenter l'inutilisabilité des logos au format JPG dans le monde du design.
Un outil pour composer gratuitement ses palettes de couleur.
Panda est une application web de veille graphique qui affiche des flux d'images et d'articles provenant de différents sites dans le domaine du design.
PaperKit est un outil gratuit en ligne pour créer et imprimer ses propres feuilles millimétrées ou quadrillées.
PhotoFiltre est un logiciel gratuit de manipulation d'image.
Ce site en anglais est une liste des bonnes pratiques à adopter lorsqu'on utilise Photoshop.
Un outil pour générer une palette de couleur à partir d'une image.
Un blog d'inspiration graphique en anglais.
Polymer Designer est l'outil de Google pour prototyper des wireframes d'interfaces utilisateur.
Pop est une application mobile (Android) qui permet de prototyper des applications mobiles en photographiant et assemblant des schémas.
Un Tumblr qui propose régulièrement des affichent de films repensées pour ta veille graphique.
Precursor est un outil gratuit de prototypage pour le design d'interface.
Galerie de captures d'écran d'interface utilisateurs de smartphones et smartwatch, sous différents OS, pour ton inspiration graphique.
Un plugin Photoshop gratuit qui sert de générateur de photo de profil pour tes interfaces utilisateur.
Une galerie de redesign concepts trouvés sur le web.
Un mode d'emploi des résolutions à connaître pour tous les terminaux du marché.
Un Tumblr de veille graphique pour cultiver ta créativité.
Un petit outil qui propose chaque jour 5 actualités sur le design tirées du web.
Signa est un réseau social et une communauté de designers pour faire de la veille graphique sur le design d'interface.
Un Tumblr qui met en avant des animations pour améliorer l'expérience utilisateur à l'aide de Vines.
Un site qui permet d'acheter des logos, très utile pour faire de la veille graphique.
Cet outil te permet de créer une charte graphique et de la transformer au format PDF à partir de n'importe quel site.
La charte graphique des interfaces sous le système d'exploitation d'Apple : iOS.
Un outil pour composer des palettes de couleur selon les teintes du moment.
TruFont est un logiciel de création de typographies gratuit et open source.
Twibfy est un site de veille sur le design en général.
Type Genius est un outil qui propose des couples de typo avec un police sélectionnée.
Un outil gratuit pour tester des mises en page rapidement avec différentes typographies.
Typement est un outil gratuit d'inspiration pour la typo, et c'est juste génial ! Tu n'as qu'à taper ton mot ou texte puis faire défiler avec les flèches de ton clavier ou au scroll pour voir différentes idées de typographies.
Des combinaisons de fonts avec d'autres éléments graphiques pour ton inspiration.
Un comparateur de typographie gratuit.
Un Tumblr de veille typographique pour trouver des couples de police élégants.
Un plugin Photoshop gratuit permettant de générer des photos de profil pour tes maquettes de site web ou d'application mobile.
Un blog Tumblr qui post des animations d'interfaces utilisateur pour ta veille graphique.
Une palette de couleur en ligne, gratuite et pratique à utiliser pour ses créations graphiques.
Un outil de veille pour les animations des interfaces utilisateur.
Un outil pour composer rapidement des dégradés de couleur et obtenir leur code CSS pour les développeurs.
Cet outil génère de faux nom d'utilisateur de manière aléatoire. On peut aussi filtrer en fonction du sexe ou de la localisation.
Le Tumblr de veille en interface utilisateur du site UltraLinx.
Une collection d'animations d'éléments pour tes interfaces utilisateur sous la forme d'un Tumblr.
Un outil gratuit pour créer des personas.
Des collections de captures d'écran d'application mobile pour ton inspiration graphique.
Une galerie de sites à visiter pour ton inspiration dans le webdesign.
Un outil très simple pour concevoir des wireframes gratuitement.
Un outil de la suite QuirckTools pour concevoir des wireframes gratuitement.
Zeplin est une application gratuite en à télécharger qui permet de créer des spécifications graphiques pour le design d'application mobile.

Liste d'outils pour le développement web

Voici une collection d'outils incontournables et gratuits pour les développeurs web. On retrouve des guidelines, des documentations, des éditeurs de code ou encore des outils d'analyse en ligne !

Teste l'accessibilité de ton site avec AChecker.
Une documentation pour comprendre facilement comment rendre le HTML5 plus vivant.
Blend est une petite application web gratuite créée par Colin Keany qui permet de générer un dégradé en drag&drop et d'obtenir son code CSS.
Un plugin Chrome pour mettre en évidence la grille responsive de Bootstrap.
Un éditeur de code open source créé par Adobe.
Browse Happy te permet de vérifier si la version de ton navigateur est à jour.
Un générateur de boutons en CSS.
Une documentation pour savoir quels éléments utiliser en fonction de la version de n'importe quel navigateur web.
Coda, l'éditeur de code par Panic.
Code School est une plate-forme gratuite pour apprendre à coder.
Codecademy est un site gratuit et en français qui t'aide à apprendre de A à Z différents langages de programmation. Maxime en a fait un article.
Une documentation en anglais avec toutes les propriétés CSS et comment les utiliser.
Des cours et des tutoriels pour utiliser le CSS comme un chef ;)
Compare les différents affichage de tes fonts sur les différents navigateurs web.
Un générateur de dégradé CSS gratuit par CSS Portal.
Un générateur de dégradé CSS gratuit par CSS Factory.
Un extension Chrome qui permet d'afficher des informations détaillées sur le dégradé lorsque tu inspectes l'élément.
CyberDuck te donne un accès FTP tout comme FileZilla. Disponible sur Mac et Windows, gratuitement.
Fais l'audit global de ton site (ergonomie, SEO, standard W3C) grâce à DareBoost.
Une documentation en anglais de nombreux langages de programmation.
Egghead est un site en anglais pour apprendre gratuitement et en vidéo des technologies web telles qu'Angular JS, React, D3, etc ...
Un outil pour tester des animations en jQuery.
fasterImage est un outil gratuit à installer sur ton site pour optimiser la vitesse de chargement de tes images.
FileZilla est le plus célèbre logiciel de transfert de fichier. Gratuit, simple et efficace.
Flow.gs est un générateur de grille CSS responsive.
Framer, un outil pour réaliser des prototypes d'applications à base de code.
Get HTML est une documentation en anglais sur toutes les balises existantes en HTML expliquant leur usage.
Le réseau social des développeur par excellence pour partager ton code avec les autres.
Gitter, c'est un peu comme Slack, mais spécialement dédié aux développeurs, avec quelques fonctionnalités spécifiques à leur besoin.
Converti gratuitement une photo en dégradé.
JSHint est un outil pour détecter les erreurs dans ton code Javascript.
Constructeur de boutons, de formulaire, de rubans et d'icônes par UI Parade.
Accède à ton FTP sans installer de logiciel sur ton ordinateur, tout se fait depuis le navigateur.
NetDrive permet d'intégrer ton ou tes FTP tels un système de cloud sur ton Windows.
Des centaines de cours dans le domaine de l'informatique (développement, design, marketing, entreprise) gratuits.
Teste et analyse la vitesse de ton site avec le PageSpeed Insight de Google.
Teste la vitesse de ton site avec le testeur de vitesse par Pingdom.
Générateur de placeholder pour image.
Une infographie interactive en français qui explique de manière ludique les avantages du CMS WordPress.
Générateur de favicon pour n'importe quel support (mobile, desktop) et navigateur (Chrome, Firefox, IE, Safari, etc ..).
Teste l'affichage responsive de ton site en explorant l'url à tester avec cet outil.
Test le responsive de ton site en explorant ce dernier avec cet outil.
Sandstorm est un OS open source à installer pour gérer transformer son serveur en cloud.
Screenfly fait partie de la série des QuirckTools. Il te permet de tester le responsive de ton site internet en fonction des dimensions que tu souhaites.
Une galerie de sites web pour ton inspiration web.
Stack Overflow est un site gratuit de questions/réponses et d'entraide pour les développeurs.
Générateur de sprites CSS pour mettre toutes les icônes et petites images d'un site sur un seul fichier JPG.
Sublime Text est un éditeur de code gratuit pour Mac, Linux ou Windows.
Une extension Chrome très simple pour laisser des commentaires sur des interfaces.
Générateur de dégradés CSS pour de belles interfaces utilisateur.
Valide ton code pour connaître le nombre d'erreur avec le validateur du standard W3C.
W3Schools est une site anglais pour apprendre de A à Z les différents langages web.
Une extension Chrome très complète pour faire un audit spécifique de la page affichée dans le navigateur web.
Génère tes propres webfonts avec le générateur de webfonts de Font Squirrel.
Une extension Chrome très pratique pour redimensionner rapidement la fenêtre du navigateur selon la taille de n'importe quel terminal/écran.

Liste d'outils pour le marketing digital

Découvre une liste d'outils gratuits et indispensables pour le webmarketing ! A ta disposition tu trouveras des outils pour le référencement, des outils d'analyses et de statistiques de site web ou encore des outils pour optimiser ses performances sur les réseaux sociaux !

Cette plate-forme permet de faire un audit SEO complet de ton site web.
Cet outil analyse les mots-clés de ta page web.
Backlink Watch est un outil très simple qui liste tous les backlinks de ton site web.
Bing est le moteur de recherche de Microsoft, une alternative à Google.
Buffer est un outil gratuit pour partager facilement des publications sur les réseaux sociaux.
Copyscape est un outil pour voir fait du plagiat de ton contenu en ligne.
Dlvr.it te permet d’envoyer automatiquement tous les articles de ton blog sur Twitter, Facebook, Google+ ou LinkedIn.
DuckDuckGo est un moteur de recherche alternatif à Google.
Feeda est un outil gratuit de veille pour les médias sociaux.
Un outil gratuit par Google pour analyser le trafic sur son site web;
L'outil de Google pour détecter quels sont les tendances et mots-clés les plus recherchés du moment.
Hootsuite est un outil gratuit pour planifier et mesurer et gérer les publications sur les réseaux sociaux.
IFTTT relie différents services entre eux tels que Facebook, Twitter, Evernote ou encore Pocket. Lorsqu’il se passe quelque chose chez l’un, on peut le reproduire sur l'autre.
Un outil pour cibler des mots-clés et expressions pour le référencement de ton site web.
Un outil gratuit de suggestion de mots-clés.
Kuku te permet de planifier tes posts et de les partager sur plusieurs réseaux sociaux.
La base de données d'index de liens la plus vaste au monde.
Un outil pour faire un audit SEO de ton site web.
OnlyWire est un outil d’automatisation qui te permet de publier du contenu web facilement. Le site contrôle le nouveau contenu par exemple sur un blog WordPress ou depuis un flux RSS.
Un bon outil pour faire un audit SEO de ton site web.
Cet outil te permet de vérifier tous les backlinks de ton site web.
Over-Graph permet de gérer la communication des marques sur les réseaux sociaux.
Piktochart est un outil qui te permet de réaliser très facilement des infographies graphiquement pas mal !
Piwik est un outil gratuit et open source pour analyser les statistiques de son site web.
Qwant est un moteur de recherche français créé en 2013 après deux années de recherche et de développement.
Un outil pour obtenir es backlinks de ton site web.
Service de recherche de mots-clés dans le référencement organique et payant. Outil d'étude de la concurrence des sites internet et noms de domaine.
Un outil pour rechercher tous les backlinks de ton site web.
Smaps est un outil de mind mapping de la série des QuirckTools. Il permet de prototyper des architectures de site web.
L'outil par Google Developers pour analyser l'état des données structurées de ton site web.
Cet outil de mind mapping permet de créer des architectures de site de différentes sortes.
TweetDeck est un outil gratuit fourni par Twitter pour gérer plusieurs comptes Twitter.
Un outil gratuit de suggestion de mots-clés.
Un outil pour lister et analyser les backlinks de son site web.
WhoIs te permet de savoir qui possède le nom de domaine que tu convoites.

Liste d'outils pour la vidéos

Toute une liste d'outils gratuits et indispensables pour tes projets vidéos ! Tu trouveras des outils pour le montage vidéo, pur le motion design et tout ce qui touche à l'audiovisuel !

Convertisseur et compresseur gratuit de fichiers vidéos.

Outils gratuits pour la veille et le bookmarking

Des outils pour faire de la veille dans tous les domaines, que ce soit graphique, web, marketing ou audiovisuel, accompagné de très bons outils de bookmarking pour organiser ses trouvailles, le tout, gratuitement.

Aol Reader est un système d'aggrégation de contenu gratuit par flux RSS.
Behance est un réseau social de créatif gratuit appartenant désormais à Adobe. C'est un très bon outil de veille pour le graphisme, le développement et mais également pour le marketing.
Bundlr est un outil gratuit de bookmarking.
Un outil gratuit pour voir les liens les plus populaires du moment et les sauvegarder.
Digg Reader est un système d'aggrégation de contenu gratuit par flux RSS.
Diigo est un outil gratuit de bookmarking qui te permet d'organiser le contenu que tu enregistres depuis le web.
Dragis est un outil de bookmarking gratuit en drag & drop.
Evernote est un outil gratuit pour enregistrer le contenu que tu trouves intéressant depuis le web vers ton cloud Evernote.
Feedly est un aggrégateur de contenu gratuit qui fonctionne par flux RSS.
Flipboard est un aggrégateur de contenu gratuit.
Instapaper est un outil gratuit qui permet de sauvegarder n'importe quel contenu depuis le web et de le lire n'importe où sur tes terminaux.
LinkedIn Pulse est un aggrégateur de contenu gratuit appartenant désormais à LinkedIn.
Netvibes est un aggrégateur de contenu gratuit par flux RSS.
NewsBlur est un aggrégateur de contenu allant jusqu'à 64 flux RSS en mode gratuit.
Pinterest est un réseau social gratuit pour mettre de côté des intérêts de manière visuelle ce qui en fait un excellent outil de veille.
Pocket est un outil gratuit de bookmarking, disponible sur tous tes terminaux.
Readability est un outil gratuit pour enregistrer des articles et les lire plus tard.
Scoop.it est un outil gratuit de curation, qui permet d'enregistrer et trier des articles et du contenu web dans des sujets.
The Old Reader est un système d'aggrégation de contenu allant jusqu'à 100 sites en mode gratuit.

Ces outils t’ont rendu service ? Tu as fais des découvertes fabuleuses ? Alors tweete cette page  

Si tu as d’autres outils gratuits à conseiller, n’hésite pas à laisser un commentaire !