Présentation
M3E Canvas est un outil open source qui permet de composer visuellement des écrans d'application directement dans le navigateur, en s'appuyant sur les composants du design system Material 3 Expressive de Google. Développé par lnkiai, le projet s'adresse en priorité aux développeurs Android travaillant avec Jetpack Compose.
L'outil se distingue par sa dernière étape : la maquette conçue à l'écran est convertie en un prompt en langage naturel, directement exploitable par un agent de codage pour générer l'interface correspondante.
Fonctionnalités principales
↳ Composition par glisser-déposer de boutons, icônes, FAB, cartes, listes, barres de navigation, champs de texte et autres composants Material 3 ↳ Connexions magnétiques entre éléments proches, qui fusionnent automatiquement en un groupe cohérent ↳ Indicateurs de chargement fidèles à Material 3 Expressive (formes animées, barres de progression ondulées) ↳ Gestion de plusieurs écrans, chacun personnalisable (nom, fond) ↳ Navigation entre écrans avec transitions (glissement, fondu, expansion), visualisée par des flèches sur le canevas ↳ Prévisualisation interactive permettant de taper à travers le parcours complet de l'application ↳ Génération automatique d'un prompt en français, japonais ou anglais, incluant les notes ajoutées sur le comportement de chaque élément ↳ Export du prompt ou des écrans au format image (PNG)