sdfx
1.0.0
Recursos | Capturas de tela | Guia do aplicativo SDFX | Instalação | Correr
A plataforma sem código definitiva para criar e compartilhar aplicativos de IA com uma bela interface de usuário.
Junte-se à nossa comunidade Discord Server para obter as últimas notícias, tutoriais em vídeo e aplicativos de demonstração.
SDFX permite a criação de interfaces de usuário simples para fluxos de trabalho complexos. Um aplicativo SDFX combina um fluxo de trabalho confortável com uma interface de usuário. O JSON que descreve o fluxo de trabalho é enriquecido com metainformações extras sobre o aplicativo e seu autor, bem como a associação entre componentes de UI e widgets de nó.
Características
Capturas de tela
Guia de estrutura JSON do aplicativo SDFX
Instalação
Correr
Instalação para usuários que já usam ComfyUI localmente
Este projeto foi originalmente criado para atender às necessidades dos usuários do A1111 (UI baseada em formulário) e ComfyUI (baseado em nó gráfico), que são duas comunidades com visões diferentes. Com o SDFX, pretendemos mesclar os benefícios dos dois mundos, sem as desvantagens. O que o SDFX permite, por exemplo, é a criação de gráficos complexos (como seria feito no ComfyUI), mas com uma sobreposição de uma UI mais simples e de alto nível (como uma interface baseada em formulário, com uma UI incrível). Assim, em teoria, alguém poderia recriar o A1111 com SDFX e compartilhar o JSON online.
Este é um rascunho inicial, ainda há muito a fazer (principalmente o App Creator que será lançado em breve). Alguns perderam a fé em nós, até nos chamando de vaporware. A realidade, como você verá navegando no código-fonte, é que o SDFX exigiu muito trabalho. Foi feito por um desenvolvedor solo e agora a equipe está crescendo. Tentamos fazer as coisas certas, focando apenas no que fazemos de melhor: UIs e design de produtos com uma pilha de front-end moderna. Portanto, confiamos 100% no backend do Comfy, tornando o SDFX totalmente compatível com o ComfyUI. Porém, não é necessário instalar o ComfyUI, pois tudo é abstraído. Também fizemos um esforço para simplificar o processo de instalação; na maioria dos casos, você só precisará clicar duas vezes em setup.bat/setup.sh e seguir o assistente.
Esperamos que você goste e é com grande prazer que compartilhamos nossa visão e este repositório com você, esperando que ele abra caminho para muitas contribuições suas, para promover o avanço do espaço de IA de código aberto.
 |  |
|---|
Bem-vindo ao guia de estrutura JSON para aplicativos SDFX. A seguir está uma visão geral abrangente para desenvolvedores que desejam compreender e utilizar o formato JSON para criar uma interface de usuário amigável com SDFX. Nosso objetivo é garantir clareza e facilidade de uso, para que você possa integrar e trocar aplicativos SDFX com confiança.
{
"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 : o nome que você atribui ao seu aplicativo.meta : esta chave contém detalhes essenciais sobre seu aplicativo, por exemplo: - ` 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 chave identifica o aplicativo como um aplicativo SDFX, mantendo a compatibilidade com o ComfyUI. Isso significa que os aplicativos SDFX podem ser arrastados e soltos no ComfyUI e vice-versa.mapping : especifica a estrutura da UI. No mapeamento, você pode encontrar a seguinte estrutura para descrever um componente Tab com um carregador de ponto de verificação, totalmente compatível com classes CSS do 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 ]
}
}
]
}
]
}
]
}Os desenvolvedores podem aproveitar um rico conjunto de componentes de UI para criar interfaces de usuário. Aqui está uma lista de componentes disponíveis que podem ser usados e personalizados com VueJS e Tailwind CSS:
ButtonDragNumberImageLoaderInputModelPickerNumberPreviewPromptPromptTimelineSelectorSliderTextAreaToggleBoxDimensionsBoxSeed Além disso, elementos HTML como div , p , ul , li , img , iframe , video e muito mais podem ser usados para enriquecer a interface do usuário.
Para layout e design estrutural, elementos como SplitPane , SplitH , SplitV , Tab , TabBox , TabBar e ToggleSettings oferecem personalização adicional.
A facilidade de criação de novos componentes com VueJS e Tailwind CSS é incomparável, permitindo desenvolvimento rápido e design de interface de usuário de alta qualidade. À medida que o SDFX avança em direção a um lançamento de código aberto, este guia será inestimável para desenvolvedores que desejam se envolver com uma plataforma profissional e centrada no usuário.
Aproveite a criação com SDFX e deixe a simplicidade e o poder da estrutura JSON aprimorar seu processo de desenvolvimento de aplicativos.
Observação: atualmente, o processo de projetar seu aplicativo SDFX e mapear componentes de UI para parâmetros de nó é manual. Compreendemos as complexidades envolvidas e temos o prazer de anunciar que o lançamento do SDFX App Creator está próximo.
O SDFX App Creator permitirá que você crie seu mapeamento de IU introduzindo uma interface de design visual com recursos de arrastar e soltar. Isso simplificará bastante o processo de vinculação de controles de UI com os parâmetros de nó correspondentes no gráfico de fluxo de trabalho. Fique atento a este recurso.
Certifique-se de que seu sistema atenda aos seguintes requisitos:
git clone https://github.com/sdfxai/sdfx.git
cd sdfx Em seguida, abra setup.bat para instalar dependências
git clone https://github.com/sdfxai/sdfx.git
cd sdfx
./setup.shPara realizar uma instalação manual, siga estas etapas:
Instale dependências de front-end:
Navegue até o diretório src do SDFX e instale as dependências npm:
cd src
npm install
cd ..Clone e instale o ComfyUI:
Clone o repositório ComfyUI no diretório raiz do SDFX do ComfyUI GitHub e siga as instruções de instalação fornecidas no leia-me para instalar as dependências do ComfyUI.
Adicione o nó personalizado SDFXBridgeForComfyUI
Siga as instruções no repositório do nó personalizado SDFXBridgeForComfyUI para adicioná-lo à pasta ComfyUi custom_nodes.
Criar arquivo de configuração:
Crie um arquivo chamado sdfx.config.json na raiz do seu projeto. Siga as instruções fornecidas aqui para criar o arquivo de configuração de acordo com seus requisitos.
Correr
Inicie o ComfyUI e inicie o SDFX com:
cd src
npm run startSe você já possui o ComfyUI instalado em sua máquina, siga estas etapas para integrar o SDFX:
Clone o SDFXBridgeForComfyUI custom_node no caminho custom_node do ComfyUI:
git clone https://github.com/sdfxai/SDFXBridgeForComfyUI.gitPara obter instruções detalhadas, consulte o README oficial do SDFX para ComfyUI.
Instale dependências de front-end e execute-o:
cd src
npm install
npm run start Inicie o aplicativo SDFX com run.bat ( ./run.sh para Linux/MacOs)
