DMGLY : dessinez l’installateur macOS de votre app dans le navigateur
⏱️ Temps de lecture estimé : 4 minutes
📌 DMGLY est un éditeur qui tourne dans le navigateur et vous fait composer la fenêtre de votre installateur macOS — le fond, la position des icônes, la flèche et le texte — puis génère la configuration d’empaquetage pour Electron, Tauri ou Swift. Vous réglez tout à l’écran, sans lancer hdiutil ni relancer un build à chaque essai.
Quand on distribue une app macOS hors du Mac App Store, le DMG est souvent la première chose que l’utilisateur voit. Et c’est aussi la plus négligée : un fond gris, des icônes mal alignées, une flèche posée à l’arrache. DMGLY part de ce constat et transforme ce réglage en travail de designer. Vous déplacez l’app, le dossier Applications, la flèche et les blocs de texte directement dans un aperçu façon Finder.
Concrètement, vous choisissez un fond uni, un dégradé ou une image. Le point intéressant : vous pouvez téléverser un GIF, et l’animation reste dans le fond exporté. DMGLY propose même un shader animé par défaut, « Paper Dithering », qui boucle doucement. Les délais de chaque image et le nombre de répétitions du GIF sont conservés, et le texte, les flèches et les fonds d’étiquette sont fondus dans chaque frame. Au clavier, les flèches déplacent de 1 px, avec Shift de 10 px. Chaque bloc de texte a sa police, sa taille, sa couleur, son alignement et sa rotation.
L’export est le vrai argument. Vous choisissez votre cible, puis vous copiez la config ou téléchargez une archive. Pour Electron, vous obtenez un fragment electron-builder.dmg.json ; pour Tauri 2, un tauri.dmg.json ; pour une app native, un script build-dmg.sh basé sur create-dmg. Chaque ZIP contient le fond en 1×, la configuration, les instructions et un prompt prêt à coller dans votre agent IA pour appliquer le design au dépôt. Les prompts sont générés en local, aucune API d’IA n’est appelée.
Un point qui me plaît : la configuration vit dans l’URL. Vous réglez la composition, vous copiez le lien, vous la rouvrez plus tard à l’identique. Les images téléversées, elles, restent sur votre appareil dans IndexedDB — il faut les renvoyer sur un autre poste. Côté confidentialité, c’est cohérent : rien ne part vers un serveur pour le design lui-même, seuls des événements d’analytics anonymes sont envoyés en production, sans enregistrement de session.
Quelques repères avant d’essayer :
- 🖼️ Aperçu Finder en direct : app, dossier Applications, flèche et texte déplaçables
- 🎞️ Fond animé : GIF téléversé ou shader, délais et répétitions préservés
- 📦 Export Electron, Tauri 2 ou natif macOS (
build-dmg.sh/ create-dmg) - 🤖 Prompt d’installation prêt pour votre agent IA, généré sans appel d’API
- 🔗 Composition sauvegardée dans l’URL, prête à partager
Deux réserves. Le site rappelle que le chrome de Finder, les étiquettes et les icônes restent approximatifs dans l’aperçu, et que la taille d’icône finale est de 128 px. Côté upload, PNG, JPEG et WebP sont limités à 10 Mo, 8192 px par côté et 16 mégapixels ; les GIF échappent au plafond de taille mais restent bornés en dimensions. Pas d’ICNS, de SVG ni de fond Retina pour l’instant. Enfin, le dépôt GitHub est public mais ne déclare aucune licence explicite : à vérifier avant de le réutiliser dans un projet commercial.
Je trouve l’angle juste. Au lieu d’ajouter une énième app native à installer, DMGLY reste dans le navigateur et rend seulement les fichiers que votre chaîne de build attend déjà. Si vous expédiez du macOS sans passer par l’App Store, c’est le genre d’outil qui vous fait gagner une après-midi de tâtonnements sur un fond mal placé.
Sources
