Skip to Content
Documentation⚡ Fonctionnalités principales🎨 Éditeur visuel

Éditeur visuel

Vous contrôlez précisément comment la source tient dans le canvas final. Chaque changement se rend en direct, avant l’export.

Disposition

Deux zones :

  • Panneau gauche — icône, fond, forme.
  • Canvas droit — aperçu live à la taille de canvas choisie.

Contrôles d’icône

ContrôlePlageUsage
Taille0 % – 100 %Agrandir ou réduire le premier plan.
Rotation0° – 360°Compositions plus dynamiques.
Décalage H-100 % – +100 %Gauche / droite.
Décalage V-100 % – +100 %Haut / bas.

Astuce : si le build le permet, glissez le canvas pour le décalage. Sinon, les champs numériques.

Forme

ContrôleEffet
CoinsArrondit le premier plan.
SquircleRemplace l’arrondi par la superellipse iOS.
PaddingVide entre l’image et le bord du canvas.

Pour une icône iOS crédible, activez Squircle avec un padding modéré. Pour les icônes adaptatives Android, gardez plus de marge pour rester dans le masque.

Fond

  • Couleur unie — un plat.
  • Dégradé — deux couleurs et un angle, linéaire.
  • Transparent — canal alpha (PNG).

Taille du canvas

Choisissez-la avant d’éditer :

  • 512 px — aperçus rapides, web.
  • 1024 px — bon compromis pour la plupart des plateformes.
  • 2048 px — maximum de détail, assets App Store.

Note : la taille du canvas change la résolution de l’aperçu. Les paquets exportés contiennent toujours les tailles exactes de chaque plateforme.

Guides de conception

Pour vérifier l’alignement :

  • Grille d’icône Apple
  • Grille Android
  • Grille Windows Fluent
  • Spirale du nombre d’or
  • Grille pixel

Référence visuelle seulement — absents des fichiers exportés.

Dernière mise à jour