Syncfusion Diagram SDK

SyncfusionFerramentas de DiagramaçãoJavaScript.NETControle UWP do Windows
Versão 2026 Volume 3 (35.1.40) (13 de out. de 2026)

Construa diagramas interativos, fluxos de trabalho, modelos e experiências de edição visual.

  • Crie diagramas interativos com formas, conectores e layouts configuráveis.
  • Construa fluxogramas, modelos de processo, hierarquias e editores visuais personalizados.
  • Suporta vinculação de dados, edição direta, navegação, persistência e exportação.
Syncfusion logo

Preços a partir de:

Carregando...
Disponível individualmenteNosso preço
Syncfusion Diagram SDKCarregando
Também disponível em
Syncfusion Essential Studio UI Component SuiteCarregando
Syncfusion Essential Studio EnterpriseCarregando
Syncfusion Diagram SDK
O Syncfusion Diagram SDK é um pacote para criação de diagramas interativos, fluxogramas, Business Process Model and Notation (BPMN), diagramas Unified Modeling Language (UML), organogramas, mapas mentais, plantas e editores visuais. Seus componentes incluem layouts automáticos, vinculação de dados, formas, conectores, edição interativa, navegação, persistência e capacidade de exportação.

Crie múltiplos tipos de diagramas

Construa fluxogramas, diagramas BPMN, UML, organogramas, mapas mentais, diagramas swimlane, plantas, diagramas de rede e fluxos de trabalho visuais personalizados. Os componentes suportam processos de negócios, arquitetura de aplicação, estruturas organizacionais, fluxos decisórios e outros cenários de modelagem visual.

Organize diagramas com layouts automáticos

Organize elementos do diagrama usando algoritmos de layout integrados projetados para fluxogramas, organogramas, mapas mentais e visualizações hierárquicas. O posicionamento automático ajuda as aplicações a posicionarem nós e conectores relacionados em representações visuais estruturadas sem a necessidade de posicionar manualmente cada elemento.

Gere diagramas a partir de dados da aplicação

Conecte diagramas a fontes de dados da aplicação e gere nós e conectores dinamicamente. A vinculação de dados permite que as estruturas visuais reflitam as informações subjacentes, suportando aplicações que criam hierarquias organizacionais, fluxos de trabalho, diagramas de relacionamento e outros modelos visuais baseados em dados.

Use formas e símbolos internos

Adicione formas pré-definidas, símbolos, conectores, elementos BPMN, formas UML e objetos de fluxogramas às interfaces de diagramação. Paletas de símbolos permitem que os usuários arrastem e soltem os elementos disponíveis na área de desenho ao criar ou expandir diagramas interativamente.

Edite elementos do diagrama interativamente

Permita que os usuários selecionem, movam, redimensionem, girem e editem elementos do diagrama diretamente dentro de uma aplicação. Os recursos de edição interativa suportam editores visuais e designers de diagramas onde os usuários precisam criar, reorganizar e modificar nós e relacionamentos por manipulação direta.

Defina conexões e relacionamentos

Conecte elementos do diagrama usando conectores configuráveis, pontos de conexão, rótulos e comportamento de roteamento. Essas capacidades representam relacionamentos e fluxos direcionais entre nós, suportando diagramas de processo, modelos de arquitetura, visuais de rede, estruturas organizacionais e outros sistemas visuais conectados.

Modele processos com Swimlanes

Organize processos em faixas e fases para representar responsabilidades, departamentos, participantes e estágios do fluxo de trabalho. Diagramas swimlane ajudam as aplicações a mostrarem como as tarefas se movem através de um processo enquanto separam visualmente os papéis ou áreas organizacionais responsáveis por atividades individuais.

Navegue e alinhe diagramas complexos

Explore diagramas grandes usando zoom, panorâmica, controles de viewport e outras capacidades de navegação. Linhas de grade, réguas, guias de encaixe, opções de alinhamento e controles de espaçamento ajudam os usuários a posicionarem elementos do diagrama de forma consistente ao criar e editar estruturas visuais detalhadas.

Salve e restaure estados de diagramas

Serializa estados de diagramas no formato JavaScript Object Notation (JSON) para persistência e restauração posterior. Aplicações podem preservar configurações de diagramas entre sessões de edição, recarregar estruturas visuais salvas e suportar fluxos onde os usuários retornam a diagramas criados anteriormente.

Exporte e imprima diagramas

Exporte diagramas para formatos suportados para uso fora da interface de diagramação e forneça capacidades de impressão para documentação física ou digital. Essas funções suportam relatórios, colaboração, arquivos e outros fluxos de trabalho que requerem compartilhamento ou retenção de diagramas concluídos.

Compatibilidade do produto

Revise os detalhes abaixo para garantir que este produto seja compatível com o seu ambiente.

Tipo de componente

  • .NET
  • JavaScript
  • Controle UWP do Windows

Versão do .NET

  • .NET 10 LTS
  • .NET 9 STS
  • .NET 8 LTS
  • .NET 5 / .NET Core 3.1
  • .NET 4.8 ou anterior

Plataforma .NET

  • .NET Blazor / WebAssembly
  • .NET WinForms
  • .NET WPF
  • Assembly do ASP.NET Core
  • Assembly do ASP.NET Core 3.1
  • ASP.NET MVC

Plataforma JavaScript

  • Angular
  • React
  • JavaScript vanilla
  • Vue.js

Suporte a IDE

  • Visual Studio