Faut-il créer votre propre Sleek ?
Outil de conception par prompt pour l'UI d'applications mobiles à plusieurs écrans, avec export Figma et code
Pour un écran, la réponse est déjà oui, et vous n'avez pas besoin de ce site : collez « concevez-moi un écran de paramètres pour une application iOS, Tailwind, 402x874 » dans l'agent que vous payez déjà et vous obtiendrez quelque chose de convenable. Ce que Sleek vend, c'est tout ce qui permet à douze écrans de ressembler à la même application, et cela relève surtout de la discipline des prompts plutôt que du produit. Définissez le système de design une seule fois, collez-le à l'identique dans chaque appel suivant et fournissez au modèle les conventions mobiles qu'il n'applique pas spontanément : zones de sécurité, cibles tactiles de 44px, navigation native plutôt qu'un site web recadré à la largeur d'un téléphone. Deux lacunes subsistent. Il n'y a pas de canevas ; chaque modification demande donc un nouveau prompt sur un fichier entier plutôt qu'un clic, et un appel à un seul modèle donne un premier jet plus brut qu'une chaîne de modèles ajustée, ce qui se paie en temps d'itération personnel. Le transfert vers Figma ne fait pas partie des lacunes : l'équipe de Sleek publie elle-même le convertisseur sous licence MIT sur npm ; la version DIY obtient donc des calques modifiables en une installation.
EN → FRAnalyse traduite automatiquement de l’anglais. Prompt original conservé en anglais.
Build me a mobile app screen designer to replace Sleek. Requirements:
- A local Next.js app (App Router) calling the Anthropic API (claude-opus-5,
key in .env). Stream it with max_tokens 32000 · a screen plus its thinking
share that budget, and it rejects sampling params and assistant prefills
outright. Screens are files on disk, no database.
- One route handler takes a plain-language description of the app, or a sketch
I drop on the page, and answers with a screen list first: 6 to 10 names, one
line of purpose each. I edit that list, then it builds every screen on it.
- That same first call writes design-system.json (5 hex colors, 2 fonts with a
6-step type scale, radius, spacing unit, icon set) and _nav.html, and nothing
regenerates either afterwards · every later call gets both pasted in verbatim,
which is what stops screen 9 drifting away from screen 1.
- Each screen is public/screens/<name>.html: one standalone file, Tailwind via
CDN, Lucide icons, a 402x874 viewport with 62px top and 34px bottom insets as
CSS variables, 44px minimum tap targets, and that same nav.
- Edits re-send the current file plus my instruction and overwrite it in place,
so untouched parts stay put; every version lands in screens/.history/.
- The page is a gallery: each screen in an iframe inside a phone frame, side by
side, a text box under each for the next edit. `npm run export` runs
Playwright at deviceScaleFactor 3 into exports/ plus a contact sheet.
- A "copy all to Figma" button: @figit/dom-to-figma (MIT), one frame per screen
passing that iframe's contentDocument.body, convert({ frames }), then
clipboard.write with its toClipboardItem(). Cmd+V in Figma lands the whole
set as editable layers. Keep it in a client component and fire it from a real
click, or the write is blocked.
- Out of scope, do not build: a click-to-edit canvas, share links, or hosting.
Runs on my machine, no accounts, no telemetry.
- README: the API key, `npx playwright install chromium`, where files land, and
that remote images need an imageLoader proxying around CORS.Le prompt s’ouvre prérempli dans votre agent. Relisez-le avant de l’exécuter.
Comment créer votre propre version ?
Générez un système de design, puis chaque écran mobile sous forme de fichier HTML Tailwind autonome conforme à ce système, examinez-les ensemble dans des cadres de téléphone et exportez des PNGs ainsi que des calques Figma modifiables.
Ce dont vous aurez besoin
- clé API de LLM
- Node 22+
- Playwright pour l'export de captures d'écran
Personne ne paie pour un écran, et c'est le constat honnête pour cette catégorie : la version à écran unique est devenue gratuite le jour où les agents de programmation sont devenus bons. Ce qui reste est moins épais qu'il n'y paraît. Il n'y a ici ni réseau, ni jeu de données propriétaire, ni course sans fin aux intégrations, et le convertisseur Figma qui était autrefois la partie difficile est sous licence MIT sur npm. Ce qui reste représente tout de même un vrai travail. Le prompt ci-dessous est un appel à un seul modèle ; le produit est une chaîne d'appels, chaque étape étant orientée vers le modèle offrant le bon compromis entre qualité et rapidité pour cette étape, avec des prompts derrière chaque couche réécrits au fil de mois d'itération. Rien de cela ne se voit sur le premier écran. Cela se voit sur le neuvième, et dans le nombre de nouveaux prompts qu'il a fallu pour y arriver. L'autre chose que l'argent achète est un canevas, où une modification se fait en un clic au lieu de relancer un prompt sur un fichier entier. Aucun des deux n'est un avantage difficile à copier, et le prompt ci-dessous est le test honnête de ce qu'ils valent pour vous.
xla possibilité de cliquer sur un élément pour le modifier plutôt que de relancer un prompt sur tout le fichier
xun pipeline ajusté à plusieurs étapes · vous avez un prompt sur un seul modèle, et vous comblez l'écart par votre propre temps d'itération
xla saisie par croquis · photographier un écran dessiné à la main et le récupérer sous forme de design
xles liens de partage, l'historique des projets et les postes d'équipe
Vous préférez une solution prête à l’emploi ?
Google StitchD'un prompt ou d'une capture d'écran à une UI à plusieurs écrans, avec canevas modifiable, prototypes, copie vers Figma et export de code frontend ; l'utilisation est plafonnée, ce n'est pas un essai.Gratuit↗Licence, installation et limites de chaque alternative.
Combien coûte Sleek ?
- Facturation mensuelle
- 29 $US/mois29 $US/mois
- Par an
- 348 $US/an348 $US/an
- Facturation annuelle
- 240 $US/an31% moins cher que le mensuel
- Avec une carte brésilienne, IOF de 3,5% inclus
- 152 R$/mois1 254 R$/an
Enregistré dans Ma liste. Un avis s’affichera ici si le prix change.
Vous finalisez l’achat sur le site de Sleek. Vibe Radar ne gère aucun paiement.
| Offre | Mensuel | Annuel (par mois) | Ce qui est inclus |
|---|---|---|---|
| free | $0/espace de travail | $0/espace de travail | 1 projet et des crédits uniques pour environ 1 design ; exports limités ; les crédits ne se renouvellent pas. |
| starter | $29/espace de travail≈ 29 $US | $20/espace de travail≈ 20 $US | 3,000 crédits/mois, environ 100 écrans et 5 projets. |
| pro | $69/espace de travail≈ 69 $US | $30/espace de travail≈ 30 $US | 20,000 crédits/mois, environ 650 écrans et projets illimités. |
| team | $99/utilisateur≈ 99 $US | $40.83/utilisateur≈ 40,83 $US | 30,000 crédits/poste/mois, environ 1,000 écrans par poste et projets illimités. |
Offre gratuite1 projet et des crédits d'essai uniques pour environ 1 design ; les crédits ne se réinitialisent jamais.
Conditions de facturationStarter/Pro mensuel + annuel ; prix annuel Team publié ; remboursements uniquement sous 24 heures
Coûts supplémentairesUne génération utilise environ 30 crédits et les modifications en utilisent 5–30. Pro et Team peuvent acheter 5,000 crédits sans expiration pour $15 ; Starter ne peut pas acheter de crédits supplémentaires.
Historique des prixStarter, month-to-month: $24.99 → $29 (2026-10)
verified 2026-10-20 · source ↗
Construire ou s’abonner à Sleek ?
Ajustez les chiffres : heures de développement, taux horaire, coûts d’exploitation et prix de l’abonnement.
Sur 24 mois, l’abonnement coûte moins cher.
Heures estimées d’après l’analyse (un week-end). Ne chiffre pas ce que vous perdez (support, intégrations, sécurité).
Sleek est-il gratuit ?
L'offre gratuite couvre un projet avec des crédits d'essai uniques ; rien ne se renouvelle. L’offre payante est Starter à 29 $US/mois (vérifié le 20/10/2026).
Puis-je recréer Sleek ?
En partie. Le cœur de Sleek se construit en un week-end avec le prompt de cette page, mais il reste de vraies lacunes : la possibilité de cliquer sur un élément pour le modifier plutôt que de relancer un prompt sur tout le fichier, un pipeline ajusté à plusieurs étapes · vous avez un prompt sur un seul modèle, et vous comblez l'écart par votre propre temps d'itération. Lisez la liste ci-dessus avant de vous lancer.
Combien coûte Sleek ?
Sleek coûte environ 29 $US/mois (Starter, vérifié le 20/10/2026), soit 240 $US par an.
Que perd-on en remplaçant Sleek ?
Honnêtement : la possibilité de cliquer sur un élément pour le modifier plutôt que de relancer un prompt sur tout le fichier; un pipeline ajusté à plusieurs étapes · vous avez un prompt sur un seul modèle, et vous comblez l'écart par votre propre temps d'itération; la saisie par croquis · photographier un écran dessiné à la main et le récupérer sous forme de design; les liens de partage, l'historique des projets et les postes d'équipe. Si l’un de ces points compte pour vous, continuez à payer.
Existe-t-il une alternative open source à Sleek ?
Oui : Google Stitch (D'un prompt ou d'une capture d'écran à une UI à plusieurs écrans, avec canevas modifiable, prototypes, copie vers Figma et export de code frontend ; l'utilisation est plafonnée, ce n'est pas un essai.) Le prompt sert quand vous le voulez exactement à votre façon.