SDFX
1.0.0
Caractéristiques | Captures d'écran | Guide de l'application SDFX | Installation | Courir
La plateforme sans code ultime pour créer et partager des applications d'IA avec une belle interface utilisateur.
Rejoignez notre communauté Discord Server pour les dernières nouvelles, des didacticiels vidéo et des applications de démonstration.
SDFX permet la création d'interfaces utilisateur simples pour des flux de travail complexes. Une application SDFX combine un flux de travail Comfy avec une interface utilisateur. Le JSON qui décrit le flux de travail est enrichi de méta-informations supplémentaires sur l'application et son auteur, ainsi que de l'association entre les composants de l'interface utilisateur et les widgets de nœud.
Caractéristiques
Captures d'écran
Guide de structure JSON de l'application SDFX
Installation
Courir
Installation pour les utilisateurs utilisant déjà ComfyUI localement
Ce projet a été créé à l'origine pour répondre aux besoins des utilisateurs d'A1111 (interface utilisateur basée sur des formulaires) et de ComfyUI (basée sur des nœuds graphiques), qui sont deux communautés aux visions différentes. Avec SDFX, notre objectif était de fusionner les avantages des deux mondes, sans les inconvénients. Ce que SDFX permet, par exemple, c'est la création de graphiques complexes (comme on le ferait sur ComfyUI), mais avec une superposition d'une interface utilisateur plus simple et de haut niveau (comme une interface basée sur un formulaire, avec une interface utilisateur incroyable). Ainsi, en théorie, quelqu'un pourrait recréer A1111 avec SDFX et partager le JSON en ligne.
Il s'agit d'une première ébauche, il reste encore beaucoup à faire (surtout l'App Creator qui sortira bientôt). Certains avaient perdu confiance en nous, nous traitant même de vaporware. La réalité, comme vous le constaterez en parcourant le code source, est que SDFX a nécessité une quantité de travail considérable. Il a été réalisé par un développeur solo, et maintenant l'équipe s'agrandit. Nous avons essayé de bien faire les choses, en nous concentrant uniquement sur ce que nous faisons le mieux : les interfaces utilisateur et la conception de produits avec une pile frontale moderne. Par conséquent, nous nous appuyons à 100 % sur le backend de Comfy, ce qui rend SDFX entièrement compatible avec ComfyUI. Cependant, l'installation de ComfyUI n'est pas nécessaire, car tout est abstrait. Nous avons également fait un effort pour simplifier le processus d'installation ; dans la plupart des cas, il vous suffira de double-cliquer sur setup.bat / setup.sh et de suivre l'assistant.
Nous espérons que vous l'aimerez, et c'est avec grand plaisir que nous partageons notre vision et ce dépôt avec vous, en espérant qu'il ouvrira la voie à de nombreuses contributions de votre part, pour faire progresser l'espace de l'IA open source.
 |  |
|---|
Bienvenue dans le guide de structure JSON pour les applications SDFX. Ce qui suit est un aperçu complet destiné aux développeurs cherchant à comprendre et à utiliser le format JSON pour créer une interface utilisateur conviviale avec SDFX. Notre objectif est de garantir la clarté et la facilité d'utilisation, afin que vous puissiez intégrer et échanger des applications SDFX en toute confiance.
{
"name" : " SDFX Timeline SD15 " ,
"meta" : {},
"type" : " sdfx " ,
"mapping" : {
"leftpane" : [],
"mainpane" : [],
"rightpane" : []
},
"version" : 0.4 ,
"last_node_id" : 287 ,
"last_link_id" : 569 ,
"nodes" : [],
"links" : [],
"groups" : [],
"config" : {},
"extra" : {}
}name : Le nom que vous attribuez à votre application.meta : Cette clé contient des détails essentiels sur votre application, par exemple : - ` version ` : "0.4.1"
- ` description ` : "Timeline for SD15"
- ` icon ` : null (This should be updated with a link to a 512x512 image, or a base64 URL)
- ` keywords ` : "timeline, SD15, upscaler, LCM"
- ` author ` : "SDFX"
- ` license ` : "MIT"
- ` url ` : " https://sdfx.ai "type : Désignée comme "sdfx" , cette clé identifie l'application comme une application SDFX tout en conservant la compatibilité avec ComfyUI. Cela signifie que les applications SDFX peuvent être glissées et déposées sur ComfyUI et vice versa.mapping : Spécifie la structure de l’interface utilisateur. Dans le mappage, vous pouvez trouver la structure suivante pour décrire un composant Tab avec un chargeur de point de contrôle, entièrement compatible avec les classes CSS Tailwind : {
"label": "Generation",
"component": "Tab",
"class": "p-4 lg : p-8 xl : p-10 overflow-y-scroll",
"childrin": [
{
"component": "div",
"class": "flex justify-between space-x-4 lg : space-x-8 ",
"childrin": [
{
"label": "Section 1",
"class": "leftview w-80",
"component": "div",
"childrin": [
{
"label": "Checkpoint",
"showLabel": true,
"type": "control",
"component": "ModelPicker",
"target": {
"nodeId": 4,
"nodeType": "CheckpointLoaderSimple",
"widgetNames": [ "ckpt_name" ] ,
"widgetIdxs": [ 0 ]
}
}
]
}
]
}
]
}Les développeurs peuvent exploiter un riche ensemble de composants d'interface utilisateur pour créer des interfaces utilisateur. Voici une liste des composants disponibles qui peuvent être utilisés et personnalisés avec VueJS et Tailwind CSS :
ButtonDragNumberImageLoaderInputModelPickerNumberPreviewPromptPromptTimelineSelectorSliderTextAreaToggleBoxDimensionsBoxSeed De plus, des éléments HTML tels que div , p , ul , li , img , iframe , video , etc. peuvent être utilisés pour enrichir l'interface utilisateur.
Pour la mise en page et la conception structurelle, des éléments tels que SplitPane , SplitH , SplitV , Tab , TabBox , TabBar et ToggleSettings offrent une personnalisation plus poussée.
La facilité de création de nouveaux composants avec VueJS et Tailwind CSS est inégalée, permettant un développement rapide et une conception d'interface utilisateur de haute qualité. Alors que SDFX évolue vers une version open source, ce guide sera inestimable pour les développeurs qui envisagent de s'engager avec une plate-forme professionnelle et centrée sur l'utilisateur.
Profitez de la création avec SDFX et laissez la simplicité et la puissance de la structure JSON améliorer votre processus de développement d'applications.
Remarque : Actuellement, le processus de conception de votre application SDFX et de mappage des composants de l'interface utilisateur aux paramètres de nœud est manuel. Nous comprenons les subtilités impliquées et sommes ravis d'annoncer que la sortie de SDFX App Creator est à l'horizon.
Le SDFX App Creator vous permettra de créer votre mappage d'interface utilisateur en introduisant une interface de conception visuelle avec des capacités de glisser-déposer. Cela simplifiera considérablement le processus de liaison des contrôles de l'interface utilisateur avec les paramètres de nœud correspondants dans le graphique de flux de travail. Restez à l'écoute de cette fonctionnalité.
Assurez-vous que votre système répond aux exigences suivantes :
git clone https://github.com/sdfxai/sdfx.git
cd sdfx Ensuite, ouvrez setup.bat pour installer les dépendances
git clone https://github.com/sdfxai/sdfx.git
cd sdfx
./setup.shPour effectuer une installation manuelle, procédez comme suit :
Installez les dépendances frontales :
Accédez au répertoire src de SDFX et installez les dépendances npm :
cd src
npm install
cd ..Cloner et installer ComfyUI :
Clonez le référentiel ComfyUI dans le répertoire racine de SDFX à partir de ComfyUI GitHub et suivez les instructions d'installation fournies dans le fichier readme pour installer les dépendances ComfyUI.
Ajoutez le nœud personnalisé SDFXBridgeForComfyUI
Suivez les instructions sur le référentiel du nœud personnalisé SDFXBridgeForComfyUI pour l'ajouter à votre dossier ComfyUi custom_nodes.
Créer un fichier de configuration :
Créez un fichier nommé sdfx.config.json à la racine de votre projet. Suivez les instructions fournies ici pour créer le fichier de configuration selon vos besoins.
Courir
Démarrez ComfyUI Puis démarrez SDFX avec :
cd src
npm run startSi ComfyUI est déjà installé sur votre machine, suivez ces étapes pour intégrer SDFX :
Clonez le SDFXBridgeForComfyUI custom_node sur votre chemin ComfyUI custom_node :
git clone https://github.com/sdfxai/SDFXBridgeForComfyUI.gitPour des instructions détaillées, veuillez vous référer au SDFX officiel pour ComfyUI README.
Installez les dépendances frontales et exécutez-les :
cd src
npm install
npm run start Lancez l'application SDFX avec run.bat ( ./run.sh pour Linux/MacOs)
