sdfx
1.0.0
Características | Capturas de pantalla | Guía de la aplicación SDFX | Instalación | Correr
La plataforma definitiva sin código para crear y compartir aplicaciones de IA con una hermosa interfaz de usuario.
Únase a nuestra comunidad de Discord Server para conocer las últimas noticias, tutoriales en vídeo y aplicaciones de demostración.
SDFX permite la creación de interfaces de usuario sencillas para flujos de trabajo complejos. Una aplicación SDFX combina un flujo de trabajo cómodo con una interfaz de usuario. El JSON que describe el flujo de trabajo se enriquece con metainformación adicional sobre la aplicación y su autor, así como la asociación entre los componentes de la interfaz de usuario y los widgets de nodo.
Características
Capturas de pantalla
Guía de estructura JSON de la aplicación SDFX
Instalación
Correr
Instalación para usuarios que ya utilizan ComfyUI localmente
Este proyecto se creó originalmente para satisfacer las necesidades de los usuarios de A1111 (UI basada en formularios) y ComfyUI (basada en nodos de gráficos), que son dos comunidades con visiones diferentes. Con SDFX, nuestro objetivo era fusionar los beneficios de ambos mundos, sin los inconvenientes. Lo que SDFX permite, por ejemplo, es la creación de gráficos complejos (como se haría en ComfyUI), pero con una superposición de una interfaz de usuario más simple y de alto nivel (como una interfaz basada en formularios, con una interfaz de usuario increíble). Así, en teoría, alguien podría recrear A1111 con SDFX y compartir el JSON en línea.
Este es un borrador inicial, aún queda mucho por hacer (principalmente el App Creator que se lanzará pronto). Algunos habían perdido la fe en nosotros, incluso llamándonos vaporware. La realidad, como verás al navegar por el código fuente, es que SDFX requirió una cantidad considerable de trabajo. Fue creado por un desarrollador en solitario y ahora el equipo está creciendo. Intentamos hacer las cosas bien, centrándonos únicamente en lo que hacemos mejor: UI y diseño de productos con una interfaz moderna. Por lo tanto, confiamos 100% en el backend de Comfy, lo que hace que SDFX sea totalmente compatible con ComfyUI. Sin embargo, no es necesario instalar ComfyUI, ya que todo está abstracto. También hicimos un esfuerzo por simplificar el proceso de instalación; en la mayoría de los casos, sólo necesitarás hacer doble clic en setup.bat/setup.sh y seguir el asistente.
Esperamos que le guste y es un gran placer compartir nuestra visión y este repositorio con usted, esperando que allane el camino para muchas contribuciones suyas para promover el avance del espacio de IA de código abierto.
 |  |
|---|
Bienvenido a la guía de estructura JSON para aplicaciones SDFX. La siguiente es una descripción general completa para los desarrolladores que buscan comprender y utilizar el formato JSON para crear una interfaz de usuario fácil de usar con SDFX. Nuestro objetivo es garantizar la claridad y la facilidad de uso, para que pueda integrar e intercambiar aplicaciones SDFX con confianza.
{
"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 : El nombre que asigna a su aplicación.meta : esta clave contiene detalles esenciales sobre su aplicación, por ejemplo: - ` 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 : Designada como "sdfx" , esta clave identifica la aplicación como una aplicación SDFX manteniendo la compatibilidad con ComfyUI. Esto significa que las aplicaciones SDFX se pueden arrastrar y soltar en ComfyUI y viceversa.mapping : especifica la estructura de la interfaz de usuario. Dentro del mapeo, puede encontrar la siguiente estructura para describir un componente Tab con un cargador de puntos de control, totalmente compatible con las clases CSS de 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 ]
}
}
]
}
]
}
]
}Los desarrolladores pueden aprovechar un amplio conjunto de componentes de interfaz de usuario para crear interfaces de usuario. Aquí hay una lista de componentes disponibles que se pueden usar y personalizar con VueJS y Tailwind CSS:
ButtonDragNumberImageLoaderInputModelPickerNumberPreviewPromptPromptTimelineSelectorSliderTextAreaToggleBoxDimensionsBoxSeed Además, se pueden utilizar elementos HTML como div , p , ul , li , img , iframe , video y más para enriquecer la interfaz de usuario.
Para la disposición y el diseño estructural, elementos como SplitPane , SplitH , SplitV , Tab , TabBox , TabBar y ToggleSettings ofrecen una mayor personalización.
La facilidad para crear nuevos componentes con VueJS y Tailwind CSS es incomparable, lo que permite un desarrollo rápido y un diseño de interfaz de usuario de alta calidad. A medida que SDFX avanza hacia una versión de código abierto, esta guía será invaluable para los desarrolladores que esperan interactuar con una plataforma profesional y centrada en el usuario.
Disfrute creando con SDFX y deje que la simplicidad y el poder de la estructura JSON mejoren el proceso de desarrollo de su aplicación.
Nota: Actualmente, el proceso de diseño de su aplicación SDFX y asignación de componentes de UI a parámetros de nodo es manual. Entendemos las complejidades involucradas y nos complace anunciar que el lanzamiento de SDFX App Creator está en el horizonte.
SDFX App Creator le permitirá crear su mapeo de interfaz de usuario introduciendo una interfaz de diseño visual con capacidades de arrastrar y soltar. Esto simplificará enormemente el proceso de vincular los controles de la interfaz de usuario con los parámetros de nodo correspondientes en el gráfico de flujo de trabajo. Estén atentos a esta función.
Asegúrese de que su sistema cumpla con los siguientes requisitos:
git clone https://github.com/sdfxai/sdfx.git
cd sdfx Luego abra setup.bat para instalar las dependencias.
git clone https://github.com/sdfxai/sdfx.git
cd sdfx
./setup.shPara realizar una instalación manual, siga estos pasos:
Instalar dependencias frontend:
Navegue al directorio src de SDFX e instale las dependencias de npm:
cd src
npm install
cd ..Clonar e instalar ComfyUI:
Clone el repositorio de ComfyUI en el directorio raíz de SDFX desde ComfyUI GitHub y siga las instrucciones de instalación proporcionadas en el archivo Léame para instalar las dependencias de ComfyUI.
Agregue el nodo personalizado SDFXBridgeForComfyUI
Siga las instrucciones en el repositorio del nodo personalizado SDFXBridgeForComfyUI para agregarlo a su carpeta custom_nodes de ComfyUi.
Crear archivo de configuración:
Cree un archivo llamado sdfx.config.json en la raíz de su proyecto. Siga las instrucciones proporcionadas aquí para crear el archivo de configuración de acuerdo con sus requisitos.
Correr
Inicie ComfyUI Luego inicie SDFX con:
cd src
npm run startSi ya tiene ComfyUI instalado en su máquina, siga estos pasos para integrar SDFX:
Clona el nodo_personalizado SDFXBridgeForComfyUI en tu ruta del nodo_personalizado de ComfyUI:
git clone https://github.com/sdfxai/SDFXBridgeForComfyUI.gitPara obtener instrucciones detalladas, consulte el SDFX oficial de ComfyUI README.
Instale las dependencias de front-end y ejecútelo:
cd src
npm install
npm run start Inicie la aplicación SDFX con run.bat ( ./run.sh para Linux/MacOs)
