ToolMage
Connexion

Shape est un IDE agentique pour designers et programmeurs qui réunit design, code, Git et chat avec agent d'IA dans un espace de travail de bureau unique, avec édition visuelle en direct et synchronisation avec le code source.

5.0
Added
2026-08-20
Price type:
Freemium
Monthly traffic:
93

Shape Overview

Shape est un IDE agentique conçu pour les designers et les programmeurs. Il rassemble le design visuel en direct, l'édition du code source, le flux de travail Git et le chat avec agent d'IA dans un seul espace de travail de bureau, vous permettant d'aller de la conception au déploiement sans changer d'outil. Vous pouvez cliquer sur n'importe quel élément de l'aperçu en direct, ajuster la mise en page, le remplissage, la typographie et le rayon dans la barre latérale, puis appliquer les modifications directement au fichier source.

Comment utiliser Shape

Ouvrez l'application de bureau et chargez votre projet. Dans l'aperçu en direct, cliquez sur un élément, ajustez les propriétés de design dans la barre latérale et appliquez les changements au code. Le panneau de l'agent vous permet de rechercher sur le Web, d'ouvrir la documentation, de lire et modifier des fichiers et d'exécuter des vérifications sans quitter l'éditeur. Le graphe Git, les pull requests et la mise en scène (staging) par blocs se trouvent dans le même environnement. Vous pouvez ouvrir les paramètres via l'icône d'engrenage dans la barre d'activités, via Settings dans la barre de titre, via le menu Window → Settings ou avec le raccourci Ctrl+,.

Fonctionnalités principales de Shape

  • Édition visuelle en direct : cliquer sur un élément dans l'aperçu, ajuster dans la barre latérale et appliquer à la source
  • Chat avec agent d'IA : rechercher, lire, modifier et exécuter des vérifications dans un même fil
  • Graphe Git, discussions de PR, checks et flux CI intégrés à l'éditeur
  • Stage et unstage de blocs (hunks) de diff
  • Design tokens comme la mise en page, le remplissage, la typographie et le rayon à côté de la page
  • Échantillons de couleurs, curseurs et panneaux de mise en page directement dans le code source
  • Tableau de bord analytique pour suivre inscriptions, usage et revenus
  • Enregistrement local des paramètres et fichiers ; prise en charge des principaux langages et frameworks web

Cas d'utilisation pour Shape

Shape est idéal pour les équipes d'applications web qui exigent à la fois fidélité du design et qualité du code. Les design engineers peuvent créer des UI pixel-perfect avec un retour visuel en temps réel ; les développeurs front-end peuvent refactoriser avec l'aide de l'agent et vérifier les diffs avant le commit ; les équipes produit peuvent centraliser design, code et revue Git dans un seul outil ; les freelances et les petites équipes peuvent suivre inscriptions, usage et revenus depuis le tableau de bord sans intégrer d'autres plateformes.

Avantages de Shape

Le principal avantage de Shape est sa concentration : design, code, Git et chat avec agent sont réunis dans un espace de travail de bureau unique. Le flux « Apply to source » réduit l'écart entre la maquette et l'implémentation, et l'agent conserve le contexte dans une seule conversation. Grâce à l'approche local-first, vos paramètres et fichiers restent sur votre machine, ce qui vous donne un contrôle total sur vos données. La tarification est transparente, avec un plan gratuit et des options mensuelles basées sur des crédits.

Tarification et plans

Shape propose un plan gratuit (0 $/mois) qui inclut le modèle Auto avec un pool mensuel de tokens et l'éditeur de bureau local-first. Le plan Plus coûte 15 $/mois et inclut 450 crédits/mois, tous les modèles débloqués, l'utilisation commerciale et le suivi d'usage via le tableau de bord. Le plan Pro coûte 50 $/mois avec 1500 crédits/mois, tous les modèles débloqués, un pool de crédits plus élevé et un support prioritaire. Le plan Max coûte 150 $/mois avec 4500 crédits/mois, tous les modèles débloqués, le plus grand pool de crédits et un support prioritaire.

Shape FAQ

Shape Comments (0)

Sign in to comment.

Connexion

No comments yet.

Shape Categories

Shape Tags

Shape Jobs

Shape AI Tool Comparisons

Shape Embed Widget

Copy this embed code to place the badge on your blog, article, or product site and send readers directly to this ToolMage detail page.

ToolMageFOLLOW US ON0