Design et développement

Coolors est un générateur de palettes de couleurs avec sélecteur de couleurs depuis une image, vérificateur de contraste, dégradés et une bibliothèque de palettes partagées.

Iconoir est une bibliothèque d'icônes open source de plus de 1 600 icônes SVG sur une grille de 24×24, sous licence MIT et sans inscription ; tu peux parcourir et télécharger les icônes sur son propre site.

Open Peeps est la bibliothèque d'illustrations dessinées à la main de Pablo Stanley, sous licence CC0, où tu composes des personnages en mélangeant bras, jambes, coiffures, vêtements, expressions du visage et poses.

Accessibility Insights for Web est un outil de Microsoft sous forme d'extension Chrome et Microsoft Edge, avec FastPass pour un balayage rapide et Assessment pour une évaluation guidée WCAG 2.1 AA.

Carrd est un service pour créer et publier sans code des sites d'une seule page adaptés au mobile, comme des profils, pages promotionnelles et pages d'atterrissage; on démarre gratuitement avec jusqu'à trois sites par compte.

iconmonstr est un site d'icônes avec plus de 4 784 icônes gratuites réparties en 316 collections, consultables par recherche et téléchargeables après acceptation d'un contrat de licence.

Jitter est un outil de motion design en ligne qui crée des animations à partir de modèles gratuits ou d’une toile vierge et exporte le résultat en vidéo, GIF ou Lottie.

La galerie ManyPixels est une galerie d'illustrations proposant plus de 20 000 illustrations gratuites en cinq styles et 17 catégories, avec une licence qui autorise l'usage commercial sans attribution.

Mockuuups Studio est un éditeur de mockups où tu déposes ton design sur des milliers de mockups d’appareils et d’impression ; il est disponible dans le navigateur, en application de bureau et via des modules pour Figma, Sketch, Penpot et Adobe Express.

Moqups est un outil de design basé sur le cloud pour créer des wireframes, des maquettes, des prototypes interactifs et des diagrammes pour des sites web, des applications et des tableaux de bord.

Notepad++ est un éditeur de code source gratuit pour Windows qui remplace le Bloc-notes; il repose sur le composant Scintilla et est sous licence GPL.

À savoir: Installation sur ordinateur nécessaire.

Rive est un outil pour concevoir des animations et des interfaces interactives avec des machines à états ; il propose un éditeur dans le navigateur et une application de bureau, et son résultat s’exécute dans des runtimes comme iOS, Android, le web, Flutter, React et des moteurs de jeu.

Spline est un outil de design 3D pour créer des scènes 3D avec collaboration en temps réel dans le navigateur et dans les applications de bureau pour Mac et Windows, ajouter des interactions et de l’animation, et exporter vers le web, React et d’autres formats.

Storyset est le site d'illustrations de Freepik Company, avec des illustrations modifiables et animées, dont l'usage gratuit est conditionné à la mention de l'auteur.

The Noun Project est une vaste bibliothèque d'icônes vectorielles et de photos créées par des créateurs, téléchargeables en SVG et PNG, avec des téléchargements gratuits et des licences payantes libres de droits.

unDraw est un site d'illustrations SVG gratuites dont tu peux changer les couleurs à la volée pour les accorder à ta marque, avec une licence qui autorise l'usage commercial et non commercial sans attribution.

Visual Studio Code est un éditeur de code de Microsoft qui fonctionne sous Windows, macOS, Linux et dans le navigateur (vscode.dev), avec extensions, Git, terminal intégré et débogage.

À savoir: Installation sur ordinateur nécessaire.

Zed est un éditeur de code de Zed Industries, écrit en Rust et conçu pour la vitesse et pour travailler avec des personnes et de l'IA, disponible sur macOS, Windows et Linux.

À savoir: Installation sur ordinateur nécessaire.

Adobe Color est un outil Adobe qui crée des palettes sur un cercle chromatique avec des règles d'harmonie, extrait palettes et dégradés d'images et propose un contrôle du contraste et une simulation du daltonisme.

Awwwards est une galerie de récompenses et d’inspiration en web design qui présente des sites primés par catégorie et par technologie ; la navigation est gratuite, tandis que l’abonnement Pro offre des avantages pour la soumission et le profil.

Color Hunt est un explorateur de palettes où designers et artistes parcourent des palettes de couleurs prêtes à l'emploi par couleur, ambiance ou thème et les trient par nouveautés, popularité ou au hasard.

Dribbble est une plateforme de design où les designers partagent leur travail, où tu peux découvrir les meilleurs designers et leurs réalisations, et où les entreprises cherchent des talents créatifs.

Figma est un outil de design pour concevoir et prototyper des interfaces sur un seul canevas, travailler en équipe et transformer les designs en code avec le Dev Mode ; il s’utilise via figma.com et des applications de bureau.

Fontjoy est un outil web qui propose des associations de polices par apprentissage profond, permet de modifier la paire à la main avec les boutons Générer, Verrouiller et Modifier, et s'appuie sur la bibliothèque Google Fonts.

Google Fonts est la collection de polices de Google servie sur fonts.google.com, distribuée surtout sous la SIL Open Font License, certaines polices relevant d'Apache 2 et de la Ubuntu Font License.

Google Sites est un outil de Google, intégré à Google Workspace, pour créer sans code des sites d'équipe, de projet et d'événement par glisser-déposer.

Leonardo est un outil de couleurs open source d'Adobe qui génère des échelles de couleurs et des thèmes adaptatifs à partir d'un rapport de contraste cible, avec l'accessibilité dès le départ.

LottieFiles est une plateforme de motion design avec une bibliothèque de plus de 800 000 animations prêtes à l’emploi, gratuites et premium, l’éditeur web Lottie Creator et les formats Lottie et dotLottie.

Mobbin est une bibliothèque de références de design avec des écrans d’applications mobiles et web, des parcours complets comme l’onboarding et le paiement, des modèles d’interface et des sections de sites web ; un compte gratuit donne un accès limité.

PageSpeed Insights analyse l'adresse d'une page pour mobile et ordinateur et affiche des données réelles d'utilisateurs avec les données de laboratoire de Lighthouse.

Penpot est une plateforme de design open source pour la conception d’interfaces, les wireframes et les prototypes interactifs ; tu peux l’utiliser dans le cloud ou l’installer sur ton propre serveur, et elle fonctionne avec des standards ouverts comme SVG, CSS, HTML et JSON.

Phosphor Icons est une famille d'icônes sous licence MIT pour interfaces, diagrammes et présentations, avec 1 248 icônes et six graisses (fin, léger, normal, gras, plein, duotone).

Placeit est l’outil de design en ligne d’Envato, qui propose des mockups pour les vêtements, les appareils numériques, l’impression et les produits d’impression à la demande, ainsi qu’un créateur de logos, des modèles de design et des outils vidéo ; les téléchargements illimités viennent avec un abonnement.

Rotato est un générateur de mockups qui place ton propre design d’application ou de site web sur les écrans de plus de 30 appareils 3D prêts à l’emploi et le transforme en vidéo animée ou en image ; il propose une application macOS et une version web en bêta publique.

À savoir: Installation sur ordinateur nécessaire.

Shots.so est une application de mockups en ligne qui transforme des captures d’écran de produits en visuels de présentation ou en courtes vidéos, avec des cadres d’appareil, des arrière-plans et des mouvements animés.

Squarespace est une plateforme pour créer un site web sans code avec des modèles, un éditeur par glisser-déposer et un créateur de site par IA, avec hébergement, domaines et outils de commerce au même endroit.

Sublime Text est un éditeur de texte payant de Sublime HQ pour Windows, macOS et Linux, qui met en avant les performances pour le code, le balisage et la prose, avec des extensions via une API Python 3.8.

À savoir: Installation sur ordinateur nécessaire.

Uizard est un outil de conception d’interfaces assisté par IA qui génère des prototypes modifiables à plusieurs écrans à partir d’une instruction textuelle et transforme des captures d’écran et des croquis à la main en designs modifiables.

WAVE est un outil de WebAIM qui repère par des icônes les erreurs d'accessibilité et WCAG directement sur une page web; il existe en outil en ligne et en extension de navigateur.

Webflow est une plateforme de création de sites qui permet de concevoir un site visuellement sans écrire de code et de le publier avec CMS, hébergement et commerce en ligne.

WhatTheFont est l'outil d'identification de polices de MyFonts : il cherche dans sa base des polices ressemblant au texte d'une image et affiche une liste de correspondances avec des aperçus du texte.