Adobe Creative Cloud
Canva
Coolors
Excalidraw
Figma
Fontsource
Google Fonts
Iconify
LottieFiles
Mermaid
Penpot
Rive
Sketch
Spline
Style Dictionary
SVGO
tldraw
Tokens StudioWCAG Contrast
Zeroheight
Aucun outil ne correspond.
Intégrations de design
Le va-et-vient entre maquette et code est l'endroit où se perdent les décisions de design. Extraire les jetons par API vaut mieux que les recopier : une valeur recopiée diverge, une valeur importée non.
Nous raccordons ces 20 outils à vos logiciels : votre site, votre logiciel métier, votre CRM et votre facturation cessent de s’ignorer. Les données circulent au lieu d’être ressaisies.
Adobe Creative Cloud
La suite créative de référence, avec des interfaces pour l'automatisation du traitement de documents.
L'automatisation du traitement de documents remplace des macros locales par un service : utile quand la production de visuels est industrielle.
- Éditeur
- Adobe Inc.
- API
- REST, OAuth 2.0, webhooks
- Données échangées
- Actif, Bibliothèque, Rendu, Document, Profil
Canva
Outil de création graphique grand public, très employé par les équipes marketing sans ressource design.
La récupération automatique des exports évite le téléchargement manuel puis le dépôt dans l'outil de publication, à chaque visuel.
- Éditeur
- Canva Pty Ltd
- API
- REST, OAuth 2.0
- Données échangées
- Conception, Dossier, Actif, Marque, Export
Coolors
Générateur de palettes de couleurs avec vérification de contraste intégrée.
La vérification de contraste au moment du choix évite de découvrir à l'audit d'accessibilité que la couleur de marque est inutilisable en texte.
- Éditeur
- Coolors
- API
- REST, Clé d'API
- Données échangées
- Palette, Couleur, Contraste, Export
Excalidraw
Outil de schéma libre au rendu manuscrit, intégrable dans une application par une bibliothèque.
Le rendu volontairement esquissé invite à la critique : un schéma trop propre est lu comme une décision arrêtée, ce qu'il n'est pas.
- Éditeur
- Excalidraw (logiciel libre)
- API
- Bibliothèque, Sans objet
- Données échangées
- Élément, Scène, Bibliothèque, Collaboration
Figma
L'outil de conception d'interface dominant, collaboratif et entièrement dans le navigateur.
Extraire les variables de design plutôt que de recopier les couleurs supprime la divergence entre la maquette et le code, qui s'installe en quelques semaines sinon.
- Éditeur
- Figma, Inc.
- API
- REST, Jeton personnel ou OAuth 2.0, webhooks
- Données échangées
- Fichier, Nœud, Variable, Composant, Style, Commentaire
Fontsource
Les polices libres empaquetées pour être auto-hébergées, avec sous-ensembles de caractères par langue.
L'auto-hébergement supprime la requête vers un tiers et le problème de conformité qui va avec, sans changer une ligne de CSS.
- Éditeur
- Fontsource (logiciel libre)
- API
- Paquets et REST, Aucune
- Données échangées
- Police, Variante, Sous-ensemble, Paquet
Google Fonts
La bibliothèque de polices libres la plus utilisée du web, téléchargeables ou servies depuis un réseau de diffusion.
Charger les polices depuis les serveurs de Google transmet l'adresse IP du visiteur : les héberger soi-même règle la question et accélère la page.
- Éditeur
- Google LLC
- API
- REST, Clé d'API
- Données échangées
- Famille, Variante, Jeu de caractères, Fichier
Iconify
Accès unifié à plus de deux cents jeux d'icônes libres, par interface ou par composant.
Générer les seules icônes utilisées au moment de la construction évite de charger une police d'icônes entière pour en afficher douze.
- Éditeur
- Iconify (logiciel libre)
- API
- REST, Aucune
- Données échangées
- Icône, Jeu d'icônes, Collection, SVG
LottieFiles
Bibliothèque et outils pour les animations vectorielles au format Lottie, légères et redimensionnables.
Une animation Lottie pèse quelques kilooctets là où la vidéo équivalente en pèse des centaines : c'est ce qui la rend acceptable sur mobile.
- Éditeur
- Design Barn Inc.
- API
- REST et GraphQL, Jeton d'API
- Données échangées
- Animation, Fichier JSON, Collection, Lecteur
Mermaid
Génération de diagrammes depuis du texte : organigrammes, séquences et diagrammes de Gantt écrits en quelques lignes.
Un diagramme en texte se versionne et se relit dans une demande de fusion : c'est la seule forme de schéma qui ne se périme pas silencieusement.
- Éditeur
- Mermaid (logiciel libre)
- API
- Bibliothèque, Sans objet
- Données échangées
- Diagramme, Nœud, Lien, Thème
Penpot
Outil de conception d'interface libre et auto-hébergeable, fondé sur les standards ouverts du web.
Les fichiers restent dans un format ouvert et sur votre serveur : c'est la réponse quand les maquettes ne doivent pas dépendre d'un éditeur.
- Éditeur
- Kaleidos
- API
- REST, Jeton d'accès
- Données échangées
- Projet, Fichier, Page, Composant, Bibliothèque
Rive
Outil d'animation interactive avec machines à états : l'animation réagit aux actions de l'utilisateur.
La machine à états déplace la logique d'animation hors du code : le designer la modifie sans redéploiement.
- Éditeur
- Rive, Inc.
- API
- Bibliothèque, Sans objet
- Données échangées
- Artboard, Machine à états, Animation, Entrée
Sketch
Outil de conception d'interface historique sur macOS, en perte de terrain face aux outils collaboratifs.
Rencontré sur des projets anciens : le format de fichier est documenté, ce qui rend possible une migration automatisée des bibliothèques.
- Éditeur
- Sketch B.V.
- API
- Bibliothèque et format de fichier, Jeton
- Données échangées
- Document, Calque, Symbole, Style, Bibliothèque
Spline
Outil de création de scènes 3D interactives destinées au web, sans compétence en modélisation.
Le poids d'une scène 3D est élevé : à réserver à un élément de page chargé après le contenu, jamais au premier écran.
- Éditeur
- Spline
- API
- Bibliothèque, Clé de scène
- Données échangées
- Scène 3D, Objet, Événement, Variable
Style Dictionary
Générateur de jetons de design : une source unique produit les variables CSS, les constantes iOS et Android.
Une couleur définie une fois se propage partout : c'est ce qui évite qu'un changement de charte laisse trois écrans à l'ancienne teinte.
- Éditeur
- Amazon (logiciel libre)
- API
- Bibliothèque, Sans objet
- Données échangées
- Jeton, Plateforme, Transformation, Format
SVGO
Optimiseur de fichiers SVG : il retire les métadonnées d'export et réduit souvent le poids de moitié.
Un SVG exporté depuis un outil de design porte des dizaines de lignes inutiles. L'optimisation automatique à la construction évite d'y penser.
- Éditeur
- SVGO (logiciel libre)
- API
- Bibliothèque et ligne de commande, Sans objet
- Données échangées
- Fichier SVG, Greffon, Optimisation
tldraw
Canevas de dessin collaboratif intégrable, avec un modèle de formes extensible.
Il sert de base à un éditeur métier (plan de salle, schéma de réseau) sans écrire un moteur de canevas de zéro.
- Éditeur
- tldraw
- API
- Bibliothèque, Sans objet
- Données échangées
- Forme, Page, Éditeur, Outil personnalisé
Tokens Studio
Extension Figma qui gère les jetons de design et les synchronise avec un dépôt Git.
La synchronisation avec le dépôt fait du designer un contributeur du code : le changement de charte arrive en demande de fusion, relue comme le reste.
- Éditeur
- Tokens Studio
- API
- Extension Figma et Git, Jeton de forge
- Données échangées
- Jeton, Ensemble, Thème, Alias
WCAG Contrast
La règle de contraste des standards d'accessibilité : 4,5 pour 1 en texte courant, 3 pour 1 en grande taille.
Le calcul tient en dix lignes et peut tourner dans les tests : une couleur de charte insuffisante est alors refusée avant d'atteindre la production.
- Éditeur
- W3C
- API
- Formule de calcul, Sans objet
- Données échangées
- Rapport de contraste, Luminance, Seuil AA, Seuil AAA
Zeroheight
Documentation de système de design, reliant les maquettes et les composants réels.
Une documentation de design qui se met à jour depuis la maquette et le code reste juste ; recopiée à la main, elle est fausse en trois mois.
- Éditeur
- Zeroheight Ltd
- API
- REST, Jeton d'API
- Données échangées
- Page de documentation, Jeton de design, Composant, Version
Votre outil est dans cette liste ?
Nous savons le raccorder : interface de programmation, notifications en temps réel, synchronisation dans les deux sens et reprise de l’existant. S’il n’y figure pas, dites-le-nous : dès qu’un éditeur publie une interface, elle se branche.
Ce que cette liste dit, et ce qu’elle ne dit pas
Aucun outil de cette catégorie n'a encore été branché sur un projet livré. Cette liste décrit des interfaces disponibles, pas des réalisations.
Quand l’éditeur publie une interface ouverte, le raccordement est un travail cadré. Cela ne veut pas dire que nous l’avons déjà réalisé.
Pour certains outils, l’accès dépend de votre contrat avec l'éditeur, de votre formule ou d'une validation de sa part. C’est la première chose que nous vérifions, avant tout chiffrage.
Les offres concernées par Design et création
- Un site construit pour votre activité, pas un gabarit loué : structure pensée pour la recherche, performance mesurée, et contenu que vous maîtrisez.
- Pages de service et pages de secteur
- Formulaires de contact avec protection anti-robots
- Journal ou actualités si le sujet le justifie
- Multilingue lorsque le marché l'exige