Studio Tweaks : L’add-on / script qui va changer votre vie de maker !

🚀 Préambule : Un vent de personnalisation sur notre Studio

Bonjour à tous les makers ! Aujourd’hui, nous allons aborder un sujet un peu spécial et particulièrement excitant. Si vous passez vos journées dans Power Apps, vous savez que l’environnement de création natif a ses qualités, mais qu’il nous oblige souvent à recourir à une multitude d’outils externes pour améliorer nos applications, auditer notre code ou vérifier leur stricte conformité. Le problème ? Ces utilitaires tiers ne sont pas pensés pour la Power Platform et ne parlent pas le “Power Fx”. Et si nous pouvions intégrer ces outils indispensables directement dans notre espace de travail, dans une version parfaitement adaptée aux contrôles et au langage de Power Apps ? C’est exactement la promesse de l’outil fascinant que nous allons découvrir aujourd’hui : Studio Tweaks.

Avant de plonger dans le code, laissez-moi vous raconter comment tout a commencé. Nelson Boruchowitch, développeur et passionné de la Power Platform, a initialement créé ce petit script pour son usage strictement personnel. Son but ? Se simplifier la vie sur des tâches répétitives et améliorer son propre confort de développement. Très vite, il y a vu un potentiel énorme pour l’ensemble de la communauté. Soucieux de proposer un outil fiable et d’y insuffler une véritable dimension communautaire grâce à l’appui de regards extérieurs, il a alors fait appel à trois mordus du développement d’app Canvas — Emmanuel, Alexandre et moi-même — pour tester, éprouver l’outil et suggérer de nouvelles fonctionnalités avant de le rendre public.

Mais techniquement, comment est-ce possible de modifier notre cher Studio ? Nous utilisons pour cela Tampermonkey. Il s’agit d’une extension de navigateur (compatible avec Chrome, Edge, Firefox, etc.) très populaire qui permet aux utilisateurs d’exécuter des scripts personnalisés (appelés userscripts) sur des pages web spécifiques. En clair, Tampermonkey écoute l’URL sur laquelle vous naviguez et injecte un code JavaScript localement pour modifier l’interface ou le comportement de la page, sans jamais altérer l’application d’origine côté serveur !

Les bénéfices pour nous, makers, sont immédiats : un gain d’efficacité colossal, une réduction drastique du nombre d’onglets et d’outils externes ouverts en parallèle, et une interface sur-mesure qui répond à nos habitudes de développement pour étendre les capacités de l’éditeur natif.

🧩 Le Défi : Centraliser nos outils de développement

En tant que créateurs chevronnés, nous avons tous nos petites “béquilles” externes. Combien d’entre nous ont un onglet ouvert vers un générateur de données, un outil “color picker” installé” pour récupérer des valeurs Hex/RGBA, un Bloc-notes pour mettre de côté une longue formule, ou encore des outils d’analyse d’accessibilité ?

Le problème de cette approche n’est pas l’outil natif en lui-même (qui fait déjà un travail formidable), mais la rupture de contexte. Chaque fois que nous quittons le Studio pour copier un code couleur, convertir un SVG, faire des copier-coller dans un bloc-notes, nous perdons quelques secondes et un peu de notre concentration. De plus, l’analyse d’une application existante (pour générer une documentation ou comparer deux versions) demande souvent des manipulations laborieuses. Nous avions besoin d’un couteau suisse directement intégré à notre espace de travail.

🧠 La Théorie : Une injection transparente et sécurisée

La solution apportée par Studio Tweaks repose sur une manipulation locale du Document Object Model (DOM) de votre navigateur.

Le script cible spécifiquement les URL du Studio (ex: https://*.gateway.prod.island.powerapps.com/*). Lorsqu’il détecte que l’interface est chargée, il vient se “greffer” discrètement à la barre de formule native et y ajoute sa propre barre d’outils parfaitement intégrée visuellement.

📌 Important : Ce script s’exécute 100% localement dans votre navigateur. Il n’y a aucune télémétrie, aucun serveur tiers, et aucune donnée ne quitte votre machine. Le code modifie uniquement l’interface que vous voyez. Un doute ? Soumettez le script à une IA avec le prompt””.

Le script interagit également avec l’éditeur de code de Power Apps (qui est basé sur Monaco Editor, le même moteur que VS Code) pour y débloquer des fonctionnalités optionnelles, comme la coloration syntaxique avancée ou un éditeur détaché, tout en douceur.

🛠️ Mise en pratique : Installation et Configuration

Passons à la pratique ! Nous allons installer l’outil et configurer notre premier environnement.

Étape 1 : Installer l’extension Tampermonkey

Rendez-vous sur le store de votre navigateur (Chrome Web Store ou Edge Add-ons).

Recherchez Tampermonkey et cliquez sur Ajouter à Chrome / Edge / Obtenir / Intaller.

Note pour les utilisateurs Chrome/Edge récents : Allez dans la gestion des extensions, trouvez Tampermonkey, et assurez-vous d’activer le paramètre Autoriser les scripts utilisateur (Allow User Scripts) ou le Mode Développeur.

⚠️ Attention : N’installez des scripts que depuis des sources en qui vous avez confiance. Le code de Studio Tweaks est open-source et auditable sur GitHub.

Étape 2 : Ajouter le script Tweaks

Cliquez sur l’icône Tampermonkey dans votre navigateur et sélectionnez Tableau de bord.

Sélectionnez Créer un nouveau script () (Create a new script).

Effacez le code par défaut et collez l’intégralité du contenu du fichier studio-tweaks.user.js , disponible sur le repo : https://github.com/NelsonBoruchowitch/studio-tweaks/blob/main/studio-tweaks.user.js

Sauvegardez en appuyant sur Ctrl+S (ou Cmd+S sur Mac) ou cliquez sur fichier > Enregistrer.

Étape 3 : Configuration initiale dans le Studio

Ouvrez ou rafraîchissez une application dans Power Apps Studio. Vous devriez maintenant voir une nouvelle série d’icônes en haut à droite de votre fenêtre.

Avant de jouer avec, nous devons configurer deux paramètres cruciaux en cliquant sur l’icône pieuvre (Paramètres Tweaks) :

La Langue : Choisissez Français pour traduire l’interface du script.
Le Séparateur d’arguments Power Fx : C’est une étape vitale. Choisissez le point-virgule (;) si vous êtes dans un environnement français, ou la virgule (,) si vous êtes en US. Cela permet aux générateurs de code (comme le créateur de Collections) de produire des formules valides pour votre Studio.

🚀 Explorons les principales fonctionnalités

L’outil regorge de fonctionnalités conçues pour améliorer votre productivité. Laissez-moi vous guider à travers les modules principaux de ce couteau suisse, en vous expliquant exactement pourquoi ils vont changer votre quotidien de maker.

🎨 Thèmes et personnalisation de la Barre de formule

Pourquoi en avons-nous besoin ? Le thème clair par défaut du Studio est très propre, mais lors de longues sessions de code, la lumière blanche peut rapidement fatiguer les yeux. De plus, déchiffrer des formules avec de multiples fonctions If(), Switch(), GroupBy(), ForAll(), With() imbriquées est un véritable casse-tête sans repères visuels clairs. Studio Tweaks permet de basculer en mode sombre, d’ajouter des numéros de ligne et surtout, de colorer les parenthèses selon leur profondeur (les fameux “Rainbow Brackets”). Ainsi, vous visualisez immédiatement quel bloc appartient à quelle fonction. Fini de chercher la parenthèse manquante !

Mais ce n’est pas tout. Vous avez déjà été exaspéré par cette barre de formule native qui s’étend indéfiniment vers la droite, venant recouvrir le volet des propriétés, l’arborescence ou le panneau des commentaires, vous empêchant de sélectionner un autre élément ? Ce bug agaçant qui frustre les makers depuis des années est corrigé par l’outil : les marges de l’éditeur sont recalculées en temps réel (auto-resize) pour s’adapter parfaitement à l’ouverture de vos panneaux latéraux. Rien que pour corriger ce comportement, Studio Tweaks est indispensable !

Tutoriel :

Cliquez sur l’icône Options de l’éditeur en bas de la barre de formules.
Dans la dernière section : Thèmes, Cochez “Activer le thème personnalisé” et cliquez sur “Éditeur de thème”
Dans la liste déroulante, choisissez un thème prédéfini agréable pour vos yeux (ex: Monokai ou One Dark Pro).
Ajustez la police, les couleurs ( possibilité de modifier plusieurs items en même temps )
Enregistrez votre thème personnalisé et si vous le souhaitez, exportez le JSON pour le partager !
Appliquez, et admirez votre nouvelle barre de formule !

🪟 Barre de formule détachée ( à venir dans la V2 )

🪧🛠️🪛 La barre détachée est encore en cours de développement, je ce chapitre à jour dès qu’elle sera disponible. Quelques features : La possibilité de mettre la barre de formules sur un second écran, une bibliothèque de snippets Power Fx…..

Pourquoi en avons-nous besoin ? Vous avez déjà essayé de modifier un long pavé de logique métier dans la propriété OnSelect d’un bouton, étriqué dans la barre native en haut de l’écran ? L’éditeur détaché résout définitivement ce problème en extrayant vos formules dans une grande fenêtre volante, totalement redimensionnable. Mais la vraie révolution réside dans ses fonctionnalités avancées : vous pouvez désormais ouvrir plusieurs formules dans des onglets distincts et même en afficher deux côte à côte ! Glissez cette fenêtre sur un deuxième moniteur et profitez de votre grand écran pour comparer deux logiques métier tout en gardant un œil sur votre interface. De plus, cet éditeur embarque un historique de vos modifications et vous permet d’utiliser vos snippets Power Fx pour coder à la vitesse de l’éclair.

Tutoriel :

Sélectionnez un contrôle et la propriété que vous souhaitez modifier.
Cliquez sur l’icône Éditeur détaché (la petite fenêtre avec une flèche) dans la barre d’outils Tweaks.
Répétez l’opération sur une autre propriété pour l’ouvrir dans un nouvel onglet, puis utilisez l’option de fractionnement (Split screen) pour les afficher côte à côte.
Rédigez votre code confortablement en utilisant vos snippets (icône {}) et parcourez l’historique de vos changements si besoin.

♿ Boîte à outils d’accessibilité

Pourquoi en avons-nous besoin ? L’accessibilité numérique n’est plus une simple option, c’est une nécessité absolue et, surtout, l’un des piliers fondamentaux de Studio Tweaks. Ce module spécifique a été pensé de A à Z pour que nous, développeurs, puissions prendre en compte beaucoup plus facilement et naturellement les contraintes quotidiennes des utilisateurs affectés par un handicap (qu’il soit visuel, moteur ou cognitif). En effet, vérifier manuellement chaque ratio de contraste ou tester la cohérence de la navigation au clavier (pour s’assurer de l’ordre de tabulation des éléments) prend habituellement un temps précieux et requiert une expertise pointue. Ce module agit donc comme votre auditeur d’accessibilité personnel en temps réel, couplé à un puissant simulateur de pathologies visuelles qui se superpose directement à votre écran de création. Le résultat ? Vous concevez dès la première étape avec une profonde empathie, une précision technique inégalée, et garantissez à tous vos utilisateurs finaux une expérience fluide et inclusive.

Tutoriel :

Cliquez sur l’icône Boîte à outils d’accessibilité dans la barre d’outils.
Dans l’onglet Contrastes, sélectionnez l’outil Contraste en temps réel pour afficher des pastilles directement sur votre écran, vous indiquant immédiatement si votre propriété Remplissage (Fill) couplée à votre Couleur (Color) respecte les normes d’accessibilité AA ou AAA.
Découvrez également les autres outils d’analyse qui permettent de mettre en évidence sur le canvas en temps réel : les scores précis de contrastes, l’ordre de tabulation pour la navigation au clavier, et les défauts de texte alternatif (AccessibleLabel manquant).
Explorez ensuite l’onglet Expérience (Experience Mode). Cette option vous permet de désactiver temporairement votre clavier et de simuler un lecteur d’écran (Screen Reader). C’est l’exercice parfait pour vous mettre concrètement à la place d’un utilisateur nécessitant une assistance pour naviguer sur votre application.
Testez l’onglet Vision pour voir votre application à travers les yeux d’une personne atteinte de daltonisme (Deutéranopie) ou de cataracte. Modifiez vos couleurs en conséquence pour garantir la lisibilité pour tous.
Enfin, utilisez le bouton Scanner le canevas pour analyser l’intégralité de votre écran actuel. L’outil va générer instantanément un rapport complet listant toutes les recommandations et erreurs d’accessibilité (comme un Texte alternatif (AccessibleLabel) manquant ou des problèmes structurels), vous permettant de corriger votre application en un clin d’œil !

🖌️ Sélecteur de couleurs

Pourquoi en avons-nous besoin ? Bien que Power Apps gère désormais très bien les codes Hexadécimaux nativement (par le sélecteur de couleurs ou via la fonction ColorValue), le véritable défi réside dans la capture de ces couleurs depuis l’extérieur du Studio. Jusqu’à présent, pour récupérer une couleur depuis une maquette, un document PDF ou un site web de référence, nous devions jongler avec des outils externes. Le principal défaut de ces utilitaires de capture ? Ils se contentent de vous donner un code brut et sont incapables de générer une formule RGBA() prête à l’emploi qui respecte le bon séparateur d’arguments de votre environnement (la fameuse virgule ou le point-virgule !).

C’est ici que ce module fait toute la différence : avec sa pipette magique intégrée, tout est désormais à portée de main. Vous pouvez prélever une couleur depuis n’importe quel élément visible à l’écran, et exploiter cette valeur instantanément au format RGBA (avec la syntaxe parfaite pour nos contrôles natifs), ou bien en Hexadécimal, un format incontournable dès que nous manipulons du code SVG ou des contrôles de Texte HTML (Html text).

Cerise sur le gâteau : l’outil étant profondément orienté vers l’accessibilité, le sélecteur de couleurs permet de comparer deux couleurs en temps réel. Vous pouvez, par exemple, y renseigner la couleur de votre texte et celle de votre arrière-plan pour afficher instantanément leur score de contraste. Idéal pour concevoir des interfaces inclusives et conformes sans quitter votre écran !

Tutoriel :

Cliquez sur l’icône Sélecteur de couleurs dans la barre d’outils Tweaks.
Collez votre code Hexadécimal dans le champ dédié, ou utilisez la pipette intégrée pour capturer une couleur à l’écran.
Saisissez une seconde couleur dans la zone de comparison pour afficher immédiatement le score de contraste entre les deux teintes et vérifier la conformité aux normes WCAG.
L’outil génère instantanément le code Power Fx correspondant en temps réel. Cliquez sur Copier RGBA ou Copier Hex.
Collez le résultat directement dans la propriété Couleur (Color) de votre contrôle ou dans votre code SVG. Gain de temps garanti !

🧩 Convertisseur SVG

Pourquoi en avons-nous besoin ? L’utilisation du format SVG (Scalable Vector Graphics) permet d’intégrer des icônes ou des formes personnalisées nettes à n’importe quelle taille, sans alourdir le poids global de l’application avec de lourdes images PNG. Cependant, intégrer du SVG brut dans la propriété Image (Image) d’un contrôle multimédia requiert une syntaxe très stricte, encodée avec la fonction EncodeUrl. Ce module convertit votre SVG en code Power Fx pur en un clin d’œil. De plus, il ne se contente pas de convertir bêtement : il embarque un véritable mini-éditeur ! Vous pouvez ainsi personnaliser très facilement les couleurs de votre image vectorielle (contour, remplissage) et même lui ajouter des animations prêtes à l’emploi (rotation, pulsation, rebond…) avant de l’exporter.

⚠️ Avertissement sur les animations SVG et l’accessibilité : Si l’ajout de mouvement dans vos applications via des animations SVG peut sembler très attrayant pour moderniser une interface, il convient de rester particulièrement prudent. En effet, des animations répétées, des clignotements (effets “flash”) ou des mouvements brusques peuvent déclencher des nausées, des vertiges, voire des crises chez les utilisateurs souffrant de troubles vestibulaires ou d’épilepsie photosensible.

Pour respecter les normes WCAG (Web Content Accessibility Guidelines), gardez à l’esprit ces quelques règles :

Laissez le contrôle à l’utilisateur : Toute animation qui démarre automatiquement, dure plus de 5 secondes et se présente en parallèle d’autres contenus doit pouvoir être mise en pause, arrêtée ou masquée.

Évitez la surcharge : Ne multipliez pas les éléments animés sur un même écran. L’information critique ne doit pas reposer uniquement sur une animation pour être comprise. Utilisez donc cette fonctionnalité géniale avec parcimonie et empathie pour vos utilisateurs finaux !

Tutoriel :

Ouvrez le Convertisseur SVG depuis la barre d’outils.
Collez votre code SVG brut, obtenu depuis un site d’icônes par exemple, dans la zone de texte (ou utilisez le glisser-déposer de fichier).
L’outil nettoie automatiquement le code (retrait des balises de style non compatibles) et le formate.
(Optionnel) Cliquez sur le bouton Éditer l’image pour ouvrir le studio d’édition visuel. Modifiez vos couleurs à la volée ou ajoutez une animation depuis la section dédiée, puis cliquez sur Mettre à jour le code.
Choisissez le format de sortie : formule avec encodage URL, formule encodée, SVG brut ou snippet de code YAML prêt à l’emploi !

⚠️ Attention : Assurez-vous d’utiliser un contrôle natif de type “Image” et non un contrôle “Icône” classique pour y coller votre formule SVG.

🗃️ Générateur de données (Data builder)

Pourquoi en avons-nous besoin ? Pendant la phase de conception (le fameux “mockup”), il arrive très souvent que nous devions présenter une interface fonctionnelle à nos utilisateurs ou clients avant même d’avoir connecté de vraies sources de données définitives (comme SharePoint, Dataverse ou SQL). Pour donner vie à ces maquettes, nous devons générer des données factices afin d’alimenter visuellement nos galeries et nos graphiques.

Par ailleurs, cette fonctionnalité se révèle extrêmement pratique lorsque nous souhaitons réaliser des tests rapides sur une nouvelle logique métier sans risquer de polluer ou d’altérer notre véritable base de données. Jusqu’à présent, taper manuellement des dizaines de lignes de collections ClearCollect ou de tables était une tâche incroyablement fastidieuse et une source inépuisable d’erreurs de syntaxe. Le Data Builder vient automatiser et sécuriser tout ce processus.

Tutoriel :

Cliquez sur l’icône Générateur de données dans la barre Tweaks.
Copiez une plage de cellules contenant vos données fictives depuis Excel et collez-la directement dans la zone d’import de l’outil.
C’est magique : l’outil détecte vos colonnes et infère intelligemment leur type (Texte, Nombre, Date).
Cochez le mode ClearCollect et copiez la formule générée en bas. Il ne vous reste plus qu’à la coller dans la propriété OnSelect d’un bouton pour instancier votre collection, et la lier à la propriété Éléments (Items) de votre galerie !

🧰 Autres fonctionnalités

Pour ne pas rendre cet article interminable, sachez que l’outil propose encore bien d’autres pépites que nous vous invitons à explorer :

🗂️ Explorateur de collections (Collection explorer) : Vous avez besoin d’inspecter rapidement le contenu de vos collections en cours d’exécution ? Cet outil vous permet de parcourir toutes les collections de votre application. Vous pouvez facilement trier et filtrer les données, ce qui rend le débogage de vos tables en mémoire beaucoup plus fluide et intuitif.

🔍 Trouver des usages (Find Usages) : Vous cherchez désespérément où est utilisée cette variable globale varUser ? L’outil intègre un explorateur de références pour retrouver instantanément toutes les occurrences d’une variable ou d’une collection dans votre application. C’est un gain de temps inestimable lors de la refactorisation de votre code !

⚖️ Comparateur de fichiers .msapp (msapp Diff) : Une fonctionnalité littéralement salvatrice. Elle vous permet de comparer une ancienne version de votre application (un fichier .msapp sauvegardé localement) avec la version actuellement ouverte et active dans votre Studio. L’outil met en évidence de manière très visuelle les contrôles ajoutés, supprimés ou modifiés, formule par formule. C’est le filet de sécurité idéal si vous n’avez pas de solution de versionning dédiée (comme Git ou les pipelines ALM) en place !

📊 Le Rapport d’Application : Votre assistant d’audit personnel

Parmi toutes les fonctionnalités de Studio Tweaks, le Générateur de Rapport mérite son propre chapitre.

Pourquoi en avons-nous besoin ? Documenter une application complexe pour l’équipe de maintenance, faciliter la passation d’un projet, ou simplement faire un état des lieux de la santé de notre code est une tâche titanesque dans le Studio natif. Cet outil extrait automatiquement l’ADN complet de votre fichier .msapp et génère un véritable dossier d’architecture technique hors ligne (en HTML interactif, Markdown ou DOCX).

Ce document est d’une richesse incroyable. Je vous encourage d’ailleurs vivement à faire le test et à générer un rapport sur l’une des applications que vous avez vous-même développées : vous y découvrirez très certainement des choses insoupçonnées sur votre propre travail !

Pour vous donner une idée précise de sa valeur ajoutée, prenons l’exemple d’une application qui réunit quelques cas d’optimisations. Voici 3 exemples concrets de ce que l’outil permet de mettre en lumière instantanément :

🧹 Cas concret n°1 : Le grand ménage du code mort

Lors de l’analyse, la section Code mort (Unused / Dead Code) fera immédiatement ressortir plusieurs éléments oubliés au fil des itérations : des variables globales déclarées mais jamais lues, ainsi qu’un écran “orphelin” vers lequel aucune fonction Navigate ne pointe.

L’intérêt : Cela nous fournit une “To-Do list” claire pour nettoyer l’application en toute confiance. Supprimer ces éléments inutiles permet d’alléger le poids du fichier .msapp, de clarifier la lecture pour de futurs développeurs, et d’accélérer drastiquement les temps de chargement !

⚡ Cas concret n°2 : La chasse aux anti-patterns et goulets d’étranglement

En parcourant la section Qualité & Audit du rapport, vous pourrez visualiser en un clin d’œil les écrans les plus lourds et les formules les plus complexes. Le rapport détecte automatiquement les “anti-patterns” redoutés et met en évidence des “Patterns à risque de performance”, comme l’utilisation d’une fonction Patch à l’intérieur d’une boucle ForAll.

L’intérêt : L’outil ne se contente pas de pointer l’erreur : il vous explique très précisément pourquoi c’est un risque pour les performances (cela génère un appel API distinct par ligne au lieu d’un appel groupé très rapide) et vous suggère la refactorisation appropriée. C’est un gain de temps inestimable en phase d’optimisation !

♿ Cas concret n°3 : L’audit d’accessibilité centralisé

L’accessibilité est souvent le parent pauvre du développement rapide. Lors de son exécution, le rapport consolide une matrice d’audit d’accessibilité impitoyable. Il dresse de manière exhaustive la liste des textes dont le contraste est insuffisant (en précisant le ratio exact, par exemple 3.2:1 au lieu des 4.5:1 requis par les normes) et les éléments interactifs dépourvus de Texte alternatif (AccessibleLabel).

L’intérêt : Fini le cauchemar de devoir cliquer sur chaque bouton, chaque icône ou chaque champ de texte dans l’arborescence tentaculaire du Studio pour vérifier ces propriétés ! Le rapport vous donne le nom exact du contrôle et l’écran où il se trouve. C’est le compagnon de conformité idéal pour s’assurer que l’on respecte les normes (WCAG ou RGAA) avant la mise en production.

Tutoriel :

Sauvegardez d’abord votre application dans le Studio pour vous assurer que le rapport se basera sur la dernière version de votre code .msapp.
Cliquez sur l’icône Rapport d’application dans la barre d’outils Tweaks.
Sélectionnez les formats d’exportation que vous désirez (HTML interactif pour une exploration visuelle avec graphe de navigation, Markdown pour l’intégrer à vos dépôts Git, ou DOCX pour l’insérer dans un livrable documentaire officiel).
Cliquez sur Générer le rapport. Une fois téléchargé, ouvrez le fichier pour auditer votre arbre de composants, inspecter le cycle de vie de toutes vos variables, et lire les recommandations de sécurité et d’optimisation !

✨ Quelques astuces en bonus

💡 Identifier les ajouts du script : Pour identifier d’un simple coup d’œil les fonctionnalités apportées par Studio Tweaks, repérez les icônes de l’outil qui s’ajoutent à l’interface : elles sont toutes sur fond pourpre.
💡 Personnaliser la barre d’outils : Vous pouvez réorganiser l’ordre de toutes ces icônes dans la barre d’outils Tweaks par un simple “Glisser-Déposer” pour garder vos outils préférés sous la main !
💡 Fin de l’ouverture intempestive de l’App Checker : Vous en avez assez du panneau “Vérificateur d’application” (App Checker) qui s’ouvre de force à chaque fois que vous publiez votre app ? Dans les paramètres du script (l’icône pieuvre), cochez l’option pour désactiver ce comportement. Un vrai soulagement pour vos nerfs !
💡 Des Snippets Power Fx à la volée : Le script embarque un gestionnaire d’extraits de code. En tapant simplement le caractère dièse # directement dans votre barre de formule détachée (cette fonctionnalité est exclusive à l’éditeur détaché), suivi d’un mot-clé ou Ctrl+Espace, vous ferez apparaître un menu d’auto-complétion listant tous vos “Snippets” configurés. Fini le copier-coller interminable depuis votre Bloc-notes !
💡Changez une couleur dans la barre de formule en toute simplicité : au survol d’une formule RGBA() ou ColorValue(), un sélecteur de couleurs apparaît vous permettant de sélectionner rapidement une couleur et d’ajuster la transparence à la souris. Et ce n’est pas tout ! Cliquez sur l’entête de cette fenêtre : cela converti automatiquement votre formule RGBA en ColorValue et vice-versa.

🎉 Conclusion : Le Studio, version augmentée

Et voilà ! Nous avons réussi à transformer notre espace de création Power Apps en un véritable IDE (Environnement de Développement Intégré) sur-mesure. L’immense force de Studio Tweaks est de sublimer un éditeur déjà puissant en y greffant, de manière totalement intégrée, les outils de productivité qui manquent parfois au quotidien des développeurs avancés. Vous gagnerez en rapidité, en lisibilité, et vos applications n’en seront que plus qualitatives, notamment grâce aux puissants modules d’accessibilité et d’audit.

Et après ? Je vous invite à installer le script, à explorer les “Snippets” (extraits de code personnalisés pour écrire vos formules encore plus vite) et à créer vos propres thèmes de couleur !

Crédits & Remerciements Cet article met en lumière le travail exceptionnel de l’auteur et développeur principal de cet outil, Nelson Boruchowitch.

portrait de nelson

Vous pouvez suivre ses travaux sur son Profil LinkedIn ou contribuer au projet (open-source) sur son Dépôt GitHub.

Un grand merci également aux contributeurs et testeurs de la première heure qui ont aidé à façonner et perfectionner cet outil :

Bon développement à tous, amusez-vous bien, et à très vite pour de nouvelles astuces Power Platform !

Studio Tweaks : L'add-on / script qui va changer votre vie de maker !

🚀 Préambule : Un vent de personnalisation sur notre Studio

🧩 Le Défi : Centraliser nos outils de développement

🧠 La Théorie : Une injection transparente et sécurisée

🛠️ Mise en pratique : Installation et Configuration