Quand on travaille dans le web, on finit rapidement avec une collection interminable de favoris : un site pour compresser une image, un autre pour générer une palette, un troisième pour trouver une icône SVG…
Jinero a décidé de regrouper tout ça au même endroit.
La plateforme propose plus de 50 outils gratuits destinés aux développeurs et designers, directement accessibles depuis le navigateur.
Des outils pour (presque) tout
Ce qui est intéressant avec Jinero, c’est surtout la variété des outils proposés.
On y trouve notamment des outils pour travailler avec :
🎨 Les couleurs
Générateur de palettes, extraction des couleurs d’une image, nuances, contrastes WCAG ou encore création d’un design system. Les palettes peuvent même être exportées en CSS, SCSS, Tailwind ou JSON.
🔤 Les polices
Jinero possède une bibliothèque de plus de 31 000 polices, mais aussi un convertisseur de Web Fonts, un générateur d’associations de polices et même un outil capable d’essayer d’identifier une police à partir d’une image.
🖼️ Les images
Compresseur, convertisseur, suppression d’arrière-plan par IA, amélioration d’image, génération de favicon ou encore conversion d’une image en SVG.
💻 Le CSS et le développement
Générateur de clamp(), CSS Grid, gradients, box-shadow, border-radius, clip-path, minification de code, conversion de code ou encore bibliothèque de mixins SCSS.
Une énorme bibliothèque d’icônes
Autre outil particulièrement pratique : Jinero rassemble plus de 280 000 icônes open source, provenant notamment de bibliothèques connues comme Lucide, Heroicons, Tabler ou Material Symbols.
On peut les rechercher, les recolorer et les exporter en SVG, mais aussi créer des sprites ou des icon fonts.
De quoi éviter de partir à la chasse à l’icône sur quinze sites différents.
Et même des outils pour Figma
Jinero va un peu plus loin avec une extension Chrome et un plugin Figma.
L’extension permet notamment de capturer des éléments d’une page web en conservant leurs styles, polices, images et mise en page, tandis que le plugin permet de retrouver directement les icônes, polices et palettes de Jinero dans Figma.
Une fonctionnalité plutôt intéressante lorsqu’on passe régulièrement du navigateur à une maquette.
Pourquoi garder Jinero dans ses favoris ?
Jinero ne réinvente pas forcément chacun de ces outils.
Son intérêt, c’est surtout de tout regrouper dans une seule boîte à outils cohérente.
Besoin de vérifier un contraste ? Générer un clamp() ? Compresser une image ? Trouver une icône ? Créer une palette ? Identifier une police ?
Pas besoin de chercher un nouveau site à chaque fois.
Pour un développeur web, un webdesigner ou simplement quelqu’un qui crée régulièrement des sites, c’est typiquement le genre de ressource qui mérite une petite place dans les favoris.
La discussion