POUR ALLER PLUS LOIN
Pour aller plus loin avec Reasonix
Tutoriels, documentation et présentations pas à pas pour concevoir avec Reasonix, tels que listés dans le guide publié.
Reasonix 
OpenDesign Concevoir avec
Reasonix dans
OpenDesign.
Comment concevoir des interfaces avec DeepSeek Reasonix dans OpenDesign : des passes courtes et peu coûteuses avec votre propre clé DeepSeek, une tâche de planning de réservation du brief au fichier vérifié, et les limites à connaître avant de commencer.
Du brief à l’interface01 / Reasonix
VOUS APPORTEZ L'IDÉE↗
« Un planning de réservation, itéré
à moindre coût jusqu’à ce qu’il soit juste. »
TROIS FAÇONS D'ABORDER CE GUIDE REASONIX
Choisissez par où commencer avec Reasonix
CE GUIDE · CONCEPTION D'INTERFACE
Construire une interface produit avec Reasonix
Ce guide : brief, références, règles de conception et un résultat HTML révisé.
Lire ce guide CONFIGURATIONConfigurer Reasonix depuis zéro
Voici le chemin d'une machine vierge à un DeepSeek Reasonix capable de construire et de vérifier une UI.
Accéder à la configuration COMPARAISONComparer Reasonix à d'autres agents
En quoi Reasonix diffère de Codex, Claude Code, Cursor pour le travail de conception, et quand choisir un autre workflow.
Voir la comparaisonSur cette page Exemple
Une tâche de conception Reasonix complète
Une tâche de conception Reasonix, du brief à l'interface
Une seule tâche, montrée de bout en bout : le brief et les contraintes que vous transmettez, l'artefact qui revient, et les vérifications que vous effectuez encore avant que ce ne soit terminé. L'interface ci-dessous est un exemple illustratif construit pour cette page, pas une session Reasonix enregistrée.
1Brief de conception et contraintes
BriefConcevez un planning de réservation pour une petite clinique : vue sur cinq jours par praticien, créneaux libres, temps réservé et bloqué, et une liste des jours sur le téléphone. Itérez par passes courtes. Bureau et téléphone.
- Système de conceptionToile papier OpenDesign : Albert Sans, un accent vert
- Points de rupture1440px pour le bureau et 390px pour le mobile, sans défilement horizontal
- InteractionsChangement de praticien, ouverture de créneau, blocage de temps, navigation par jour
- SortieUn fichier HTML autonome avec des points d'ancrage
data-od-idstables
2Répartition du travail : vous, Reasonix et OpenDesign
- Vous
Rédigez le brief, sélectionnez le système de conception et définissez les critères d'acceptation.
- Reasonix
Planifie la mise en page, écrit le HTML, le CSS et le JavaScript et le révise sur demande.
- OpenDesign
Fournit le système de conception et le skill, génère l'aperçu et enregistre chaque version comme un fichier dans le projet.
- Révision
La hiérarchie visuelle, l'espacement sur la grille de 8px, les deux points de rupture et chaque interaction sont vérifiés avant la remise.
3Artefact Reasonix : le calendrier de réservation à 1440px et 390px
4Vérification avant transmission
Mise en page
Grille et espacement
Rangées d'une demi-heure sur la grille de 8px ; le temps bloqué se lit comme une bande hachurée, pas comme un événement.
Hiérarchie
Hiérarchie visuelle
Les créneaux libres se lisent en premier pour la réceptionniste ; l'accent marque uniquement les créneaux libres.
Réactif
Mise en page mobile
Bande de jours plus une liste de créneaux avec actions de réservation ; changement de praticien en haut.
Interaction
Vérifications d'interaction
Changer de praticien, ouvrir un créneau, bloquer une heure, changer de jour.
Adéquation
Quand Reasonix convient à la tâche, et quand ce n'est pas le cas
Reasonix convient quand
- Itération économique et rapide. Conçu autour du cache de préfixe de DeepSeek, si bien que la boucle construction-vérification-affinage reste abordable sur de longues sessions de conception.
- Édition consciente du dépôt. Modifie directement les fichiers de votre dépôt avec un éditeur soumis à revue, réutilisant ainsi vos composants et tokens réels.
- Skills + MCP. Les skills en Markdown portent vos conventions ; les serveurs MCP apportent du contexte de conception, comme une source Figma sous forme de texte.
- Ouvert et BYOK. Sous licence MIT et open source, fonctionnant sur des modèles DeepSeek avec votre propre clé API DeepSeek.
Choisissez un autre workflow quand
- Vous avez besoin de fichiers vectoriels modifiables. Le livrable est du HTML, pas un document de design modifiable. Vérifiez un workflow vectoriel distinct pour le format d'asset requis.
- Vous n'avez ni référence ni contrainte. Sans design system ni exemples, le résultat tend vers un aspect générique ; rédigez d'abord le brief.
- Vous ne disposez pas des identifiants requis par cet agent. Requis : votre propre clé API DeepSeek (apportez votre propre clé). OpenDesign ne fournit ni ne relaie d'identifiants.
- Votre équipe travaille dans DeepSeek ou DeepSeek Harness. Ces agents ont leurs propres pages ; l'espace de travail est le même, la configuration diffère. Voir agents associés.
Compatibilité
Prérequis pour Reasonix avant de commencer
Ce guide couvre Reasonix tel que connecté via l'application de bureau OpenDesign. Références publiées vérifiées le 6 septembre 2026.
Portée de l'outilReasonix, par Community / esengine
DeepSeek Reasonix est un agent de code IA en ligne de commande, open-source (MIT), propulsé par les modèles DeepSeek. Il est développé par la communauté, par l'auteur GitHub esengine — ce n'est pas un produit officiel DeepSeek — et conçu autour du cache de préfixe de DeepSeek pour que les sessions longues restent économiques. Cette page traite de la conception d'interfaces avec Reasonix via OpenDesign, pas de l'interface propre de Reasonix. Les notes de configuration d'OpenDesign listent les agents disponibles.
Comptes et authentificationVotre propre clé API DeepSeek (BYOK)
Votre propre clé API DeepSeek (BYOK). Authentifiez-vous avec votre propre clé API DeepSeek (BYOK) — les identifiants restent sur votre machine. Cette page ne garantit ni quota ni tarif.
Système et versionsApplication de bureau ou source
Consultez la page de téléchargement pour les versions de bureau. Les exigences Node.js et pnpm de la démarrage rapide source s'appliquent à l'exécution depuis les sources, pas à l'installation d'un package de bureau. Version minimale compatible de Reasonix : non vérifiée ici.
Vérification de la connexionLe signal de réussite
Suivez les instructions de connexion affichées par votre version installée, puis exécutez une petite tâche. Confirmez que Reasonix l'a traitée et que l'artefact s'ouvre. Un téléchargement seul n'établit pas une connexion fonctionnelle.
Commencez par l’application de bureau
Configuration de Reasonix en trois étapes
Téléchargez d'abord, terminez la configuration de Reasonix pour votre version installée, puis vérifiez un petit résultat. Vous n'avez pas besoin de compiler OpenDesign depuis les sources pour suivre ce parcours.
- 1
Téléchargez l’application de bureau OpenDesign
Choisissez le paquet adapté à votre ordinateur, installez-le et ouvrez l’application.
Télécharger OpenDesignPOINT DE CONTRÔLEL'application de bureau s'ouvre. Déjà installée ? Passez à l'étape suivante ; il n'est pas nécessaire de la télécharger à nouveau. - 2
Préparez votre connexion Reasonix
Suivez les instructions Reasonix de votre version installée. Authentifiez-vous avec votre propre clé API DeepSeek (BYOK) — les identifiants restent sur votre machine.
# 1. Install DeepSeek Reasonix (Node 22+) — see the repo README npm install -g reasonix # 2. Bring your own DeepSeek API key (BYOK) # Reasonix reads it from your environment, not from config files. export DEEPSEEK_API_KEY=sk-... # your DeepSeek keyD'après les notes de configuration de Reasonix dans le guide publié ; consultez la documentation du fournisseur pour la commande actuelle.
POINT DE CONTRÔLEConfirmez l'agent et le compte prévus. S'il n'est pas disponible, vérifiez la compatibilité avant de tenter une tâche plus importante. - 3
Exécutez une petite tâche Reasonix
Utilisez un petit brief afin de pouvoir juger l’ensemble du cycle, y compris une révision.
Brief de démarrageCréez un écran de paramètres avec un formulaire de profil et une confirmation d'enregistrement. Utilisez mes règles de design. Vérifiez-le aux largeurs bureau et mobile.
POINT DE CONTRÔLEOuvrez le résultat, testez l'état de sauvegarde et demandez une modification précise. Un fichier généré est le début de la revue, pas la fin.
Pour exécuter OpenDesign depuis les sources, suivez plutôt le guide de démarrage technique.
Le workflow de conception Reasonix
Le workflow de conception Reasonix en cinq étapes
La même tâche de calendrier de réservation, suivie du brief au fichier vérifié. Chaque étape indique ce que vous fournissez, ce que fait Reasonix, ce qu'apporte OpenDesign et ce que vous vérifiez.
- 1
Brief de design
Langage simple, trois à six lignes. Nommez l'audience, la fonction de l'écran et les plateformes.
- VousRédigez le brief ; joignez une capture d'écran de référence si vous en avez une.
- ReasonixLit le brief et le fichier d'instructions du projet ; demande des précisions en cas d'ambiguïté.
- OpenDesignFournit le projet, la surface de prompt et le skill correspondant au type d'artefact.
- VérificationConfirmez que le brief énonce les critères d'acceptation. Les ajouter maintenant coûte moins cher qu'après la génération.
- 2
Contraintes de design
Un design system et quelques règles strictes. C'est ce qui distingue un résultat conforme à votre marque d'un rendu générique.
- VousChoisissez un design system ; indiquez les points de rupture et les composants à utiliser obligatoirement.
- ReasonixCharge les tokens et les règles de posture de DESIGN.md dans le contexte avant d'écrire une ligne.
- OpenDesignFournit la bibliothèque de design systems et associe celui choisi au modèle du skill.
- VérificationLes tokens correspondent à votre marque. Un accent unique, les bonnes polices, le bon rayon.
- 3
Générer l'interface
Reasonix rédige un fichier HTML autonome : mise en page, styles, interactions et hooks stables.
- VousAttendez, ou répondez à une question de clarification. Rien à configurer.
- ReasonixPlanifie les sections, rédige le HTML, le CSS et le JavaScript, exécute le fichier et corrige ce qui échoue.
- OpenDesignEnregistre l'artefact dans le dossier du projet et l'indexe pour l'aperçu.
- VérificationRien pour l'instant. Jugez le fichier une fois rendu, pas depuis la source.
- 4
Aperçu
Le fichier s'affiche dans OpenDesign aux largeurs que vous avez demandées. C'est ici que le design est évalué.
- VousChangez de largeur, parcourez les interactions, laissez des commentaires sur les éléments.
- ReasonixLit vos commentaires sur l'aperçu et prépare la révision suivante.
- OpenDesignAffiche l'aperçu, expose des cibles
data-od-idpour les commentaires et les modifications. - VérificationHiérarchie, contraste, débordement à 390px, états de focus, et si l'accent est utilisé avec parcimonie.
- 5
Réviser et vérifier
Demandez des modifications en pointant les éléments dans l'aperçu. Chaque révision est un nouveau fichier ; rien n'est écrasé silencieusement.
- VousTransformez les commentaires en demandes ; décidez quand la tâche est terminée.
- ReasonixApplique les modifications en place et relance l'exécution du fichier.
- OpenDesignConserve les versions côte à côte ; exporte une image ou le HTML une fois terminé.
- VérificationRevérifiez uniquement la zone modifiée, puis toute la page une fois à chaque point de rupture.
Ressources
Ressources de conception Reasonix
Skills Parcourir les skills Systèmes de design Parcourir les systèmes Modèles Parcourir les modèles
Skills de design
Les types de production que Reasonix peut générer dans OpenDesign, un skill par type.
Design systems
Tokens de marque et composants à lier avant que Reasonix ne génère quoi que ce soit.
Modèles
Points de départ pour des présentations, des pages d'atterrissage et des écrans produit.
Limites
Limites de Reasonix, vérifications manuelles et solutions de repli
- PortéeIl lit votre base de code, modifie des fichiers avec un éditeur soumis à revue, exécute des commandes, et prend en charge les skills Markdown et le MCP. Ses modèles DeepSeek (comme deepseek-v4-pro et deepseek-v4-flash) sont uniquement textuels, donc la boucle de conception repose sur des références décrites textuellement et vérifiées dans un navigateur. Cette page couvre Reasonix en tant qu'agent connecté à OpenDesign, et non l'ensemble des fonctionnalités de Reasonix.
- Limites d'utilisationLes limites d'utilisation et le coût dépendent de l'identifiant que vous utilisez (votre propre clé API DeepSeek). Cette page ne fait aucune affirmation concernant des quotas gratuits.
- RéseauDes fichiers de projet locaux ne signifient pas une inférence hors ligne. Vérifiez les paramètres du fournisseur et les politiques de données de votre agent avant de partager des informations sensibles.
- La sortie est en HTMLLes artefacts sont des fichiers HTML, pas des fichiers de design vectoriels.
- Revue manuelleL'accessibilité, le contenu réel, l'adéquation à la marque et la justesse des interactions sont vérifiés par vous dans l'aperçu. Considérez toute autovérification de l'agent comme une première passe.
- Solution de repliSi l'agent est indisponible ou qu'une tâche échoue, vérifiez les instructions de connexion et l'authentification de la version installée. Conservez l'erreur et le dernier artefact fonctionnel avant de modifier la configuration.
FAQ
Questions fréquentes sur Reasonix et OpenDesign
DeepSeek Reasonix peut-il vraiment faire du travail de design ?
Oui — avec un skill esthétique, un design system et des références décrites avec précision dans le contexte, DeepSeek Reasonix produit une interface responsive de qualité production dans votre propre dépôt, et vous vérifiez le résultat dans un vrai navigateur. Ses modèles DeepSeek sont uniquement textuels, donc la boucle repose sur des références décrites puis vérifiées, plutôt que sur la lecture d'images. Sans ce contexte, il tend à revenir à un rendu générique par défaut, ce qui est précisément l'écart que OpenDesign comble.
Faut-il payer pour concevoir avec DeepSeek Reasonix ?
Vous fournissez votre propre clé API DeepSeek, donc vous payez DeepSeek à l'usage (BYOK) — mais l'agent est conçu autour du cache de préfixe de DeepSeek pour maintenir ce coût bas sur des sessions longues. Reasonix lui-même est gratuit et sous licence MIT. OpenDesign ne fait jamais transiter vos identifiants par ses serveurs.
DeepSeek Reasonix est-il un produit officiel de DeepSeek ?
Non. DeepSeek Reasonix est un projet open source construit par la communauté, issu de l'auteur GitHub esengine — il s'appuie sur les modèles de DeepSeek et utilise une clé API DeepSeek, mais il n'est ni fabriqué ni approuvé par la société DeepSeek. DeepSeek est une marque déposée de son propriétaire respectif.
DeepSeek Reasonix ou Claude Code pour le design frontend ?
Les deux peuvent réaliser un vrai travail de design. Claude Code est reconnu pour des décisions de design précises et adaptées à la base de code ; l'atout de DeepSeek Reasonix est d'être open source et économique, permettant une itération rapide et à faible coût sur les modèles DeepSeek avec votre propre clé. Beaucoup d'équipes en utilisent plusieurs — OpenDesign vous permet de changer d'agent sans modifier votre workflow de conception.
Comment connecter DeepSeek Reasonix à une source de design comme Figma ?
Reasonix prend en charge les serveurs MCP, vous pouvez donc ajouter un MCP de source de design (comme un serveur MCP Figma) selon la documentation du dépôt. L'agent peut alors récupérer un contexte de design réel — composants, variables, données de mise en page — sous forme de texte exploitable, afin que le code généré corresponde à la source au lieu de l'approximer.
Démarrer une première tâche de design avec Reasonix
Commencez par une petite tâche, évaluez l'aller-retour, puis apportez le véritable brief. Choisissez l'option correspondant à votre configuration ; la page ne la détecte pas.