> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowx.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# FlowX.AI Designer

> The FlowX.AI Designer is a collaborative, no-code, web-based application development environment, designed to facilitate the creation of web and mobile applications without the need for coding expertise.

<video autoPlay muted loop controls src="https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/470/flowx_designer_47x.mp4" />

## Overview

The **FlowX.AI Designer** is a collaborative platform that empowers you to create sophisticated web and mobile applications without coding expertise. Let's explore the key capabilities available in the Designer:

> [tab] Workspace Management
>
> ![Workspace Management](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/org%20Admin.png)
>
> Workspaces provide isolated environments for organizing projects and controlling access:
>
> * Create dedicated spaces for different teams or departments
> * Manage user access and permissions at workspace level
> * Organize projects by business unit or use case
> * Maintain separation between development contexts
> * Control visibility and collaboration boundaries

> [tab] Project Management
>
> ![Project Management](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/4.6/Screenshot%202025-01-23%20at%2017.33.16.png)
>
> Projects serve as a structured container that group all resources, dependencies, and configurations needed for specific use cases. They provide:
>
> * Centralized resource management
> * Version control capabilities
> * Build deployment across environments
> * Collaborative editing workflows
> * Modular organization of processes and assets

> [tab] Process Design
>
> ![Process Design](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/release40/prs_def.png)
>
> The process designer allows you to:
>
> * Create and edit processes using BPMN 2.0 standards
> * Configure nodes with business rules and actions
> * Set up user tasks and system integrations
> * Establish decision logic and execution paths
> * Test and debug process flows

> [tab] Content & UI
>
> ![UI Designer](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/release40/ui_ui_designer.gif)
>
> Create intuitive user interfaces and manage content with:
>
> * Drag-and-drop UI component assembly
> * Advanced navigator with layer management
> * Theme customization capabilities
> * Media library organization
> * Font and styling controls

> [tab] Plugins & Integration
>
> ![Integrations](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/470/plugins_integrations.png)
>
> Extend functionality with plugins and integrations:
>
> * Task management capabilities
> * Document generation and templates
> * Notification system configuration
> * Integration mapping and monitoring
> * API connection management

## Key features & capabilities

> [card] Workspace Management
>
> Organize projects into isolated workspaces with dedicated access control, enabling team separation and structured collaboration across departments.

> [card] Project & Library Management
>
> Create and manage comprehensive workspaces with centralized resources, version control, and modular components that enable efficient collaboration.

> [card] Process Design & Monitoring
>
> Design, debug, and monitor processes using BPMN 2.0 standards with tracking and performance analytics.

> [card] Content Management
>
> Manage enumerations, substitution tags, languages, media, fonts, and themes with comprehensive organization tools.

> [card] UI Design
>
> Create intuitive interfaces with an advanced navigator, component library, and flexible styling options.

> [card] Plugin Ecosystem
>
> Extend functionality with task management, notification, and document generation plugins for comprehensive solutions.

> [card] Integration Tools
>
> Configure and monitor integrations between the FlowX Engine, plugins, and external systems with visual mapping tools.

> [card] Platform Monitoring
>
> Track system health, component versions, and performance metrics with comprehensive monitoring tools.

> [card] AI Assistance
>
> Accelerate development with AI-powered suggestions, optimization recommendations, and contextual help.

> [!NOTE]
>
> Depending on your access rights, some features and tabs might not be visible. For more information, check [Access Management](https://docs.flowx.ai/6.x/setup-guides/access-management/access-management-overview.md) section.

## Detailed component overview

> [accordion] Workspaces
>
> ![Workspace Management](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/5.x/org%20Admin.png)
>
> Workspaces are the top-level organizational unit in FlowX.AI Designer, providing isolated environments where teams can collaborate on projects with controlled access and visibility.
>
> ### Key Capabilities
>
> **1. Workspace Creation & Management**
>
> Create dedicated workspaces for different teams, departments, or business units. Each workspace acts as an independent container with its own projects and resources.
>
> **2. Access Control**
>
> Configure workspace-level permissions to control who can view, edit, or manage projects within each workspace. Administrators can assign users and groups specific roles.
>
> **3. Project Organization**
>
> Group related projects together within a workspace for better organization and discoverability. Projects inherit workspace-level settings and permissions.
>
> **4. Team Collaboration**
>
> Enable focused collaboration by bringing together stakeholders who need to work on related projects, while maintaining separation from other teams.
>
> ### Benefits
>
> * **Isolation**: Keep different teams' work separate and secure
>
> * **Flexibility**: Organize workspaces by department, product line, or any business structure
>
> * **Security**: Control access at the workspace level for enhanced governance
>
> * **Clarity**: Reduce clutter by showing users only relevant workspaces and projects
>
> > [card] [Workspace Access Rights](https://docs.flowx.ai/6.x/setup-guides/access-management/workspaces-access-rights.md)
> >
> > Learn more about configuring workspace access rights

> [accordion] Projects & Libraries
>
> > [tab] Projects
> >
> > A project groups resources that represent a project's entire lifecycle. It's not just a collection of processes; it's an organized workspace containing all dependencies required for that project. It enables:
> >
> > * Centralized resource management
> > * Version control with history tracking
> > * Build deployment across environments
> > * Collaborative workflows with simultaneous editing
> > * Modular organization of processes and assets
> >
> > ![Project Management](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/4.6/Screenshot%202025-01-23%20at%2017.33.16.png)
> >
> > > [card] [Learn More About Projects](https://docs.flowx.ai/6.x/docs/projects/managing-applications/application.md)
>
> > [tab] Libraries
> >
> > A library is a specialized project type designed to store and share reusable resources across multiple projects:
> >
> > * Share processes, enumerations, and media assets
> > * Enable centralized resource management
> > * Provide version-controlled dependency management
> > * Support modular development approaches
> > * Include comprehensive dependency tracking
> > * Offer comprehensive import/export functionality

> [accordion] Process Management
>
> > [tab] Process Definitions
> >
> > A **process definition** is uniquely identified by its name and version number. The process designer provides:
> >
> > * [Process definition](https://docs.flowx.ai/6.x/docs/building-blocks/process/process-definition.md) management
> > * Versioning history with comparison capabilities
> > * Debugging tools for process execution
> > * Version comparison for change identification
> > * BPMN 2.0 standard compliance
> >
> > ![Process Definitions](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/flowx-designer/designer_process_definitions.gif)
> >
> > > [card] [Process Definition](https://docs.flowx.ai/6.x/docs/building-blocks/process/process-definition.md)
> >
> > > [card] [Managing a Process Flow](../flowx-designer/managing-a-project-flow/)
>
> > [tab] Active Processes
> >
> > The complete list of active **process instances** is visible from the FlowX.AI Designer. Monitor and manage running process instances with:
> >
> > * Filtering by process definition names
> > * Search by unique process ID
> > * View current process status and data
> > * [Token](https://docs.flowx.ai/6.x/docs/building-blocks/token.md) instance and content inspection
> > * [Subprocess](https://docs.flowx.ai/6.x/docs/building-blocks/process/subprocess.md) management
> > * Real-time monitoring with performance metrics
> > * Advanced filtering for process management
> >
> > ![Active Process](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/flowx-designer/designer_active_process.png)
> >
> > > [card] [Process Instance Management](https://docs.flowx.ai/6.x/docs/projects/runtime/active-process/process-instance.md)

> [accordion] Content Management
>
> #### Data & Localization
>
> **1. Enumerations**
>
> Manage static value definitions that can be used in UI components or templates with bulk import/export capabilities.
>
> **2. Substitution Tags**
>
> Generate dynamic content across the platform with context-aware tag suggestions for localization.
>
> **3. Languages**
>
> Configure language-specific enumeration values with comprehensive character set support.
>
> **4. Source Systems**
>
> Connect to multiple data sources for [enumeration values](https://docs.flowx.ai/6.x/docs/platform-deep-dive/core-extensions/content-management/enumerations.md) with third-party system integration.
>
> #### Media & Styling
>
> **1. Media Library**
>
> Centrally manage various media files with metadata tagging and optimization capabilities.
>
> **2. Font Management**
>
> Upload and manage font files including variable fonts with subset creation for performance.
>
> **3. Themes**
>
> Personalize application appearance with atomic design principles and multi-device previewing.
>
> ![Content Management](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/flowx-designer/designer_cms.gif)
>
> > [!NOTE]
> >
> > You need to deploy the CMS service in your infrastructure before you can start defining and using custom content types.
>
> > [card] [Headless CMS](https://docs.flowx.ai/6.x/docs/platform-deep-dive/core-extensions/content-management/content-management.md)
>
> > [card] [CMS Setup Guide](https://docs.flowx.ai/6.x/setup-guides/cms-setup.md)

> [accordion] Plugins
>
> > [card] [Task Management](https://docs.flowx.ai/6.x/docs/platform-deep-dive/core-extensions/task-management/task-management-overview.md)
> >
> > ![Task Management](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/flowx-designer/designer_task_manager.png)
> >
> > Track and assign activities with prioritization, history tracking, and performance analytics. The Task Manager provides a business-oriented view of processes with assignment-level interactions.
>
> > [card] [Notification Templates](https://docs.flowx.ai/6.x/docs/platform-deep-dive/core-extensions/content-management/notifications-plugin/notifications-plugin-overview.md)
> >
> > ![Notification Templates](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/flowx-designer/designer_notification_templates.png)
> >
> > Create, edit, and activate/deactivate notification templates for multiple channels (SMS, email, push notifications) with scheduling, monitoring, and personalization capabilities.
>
> > [card] [Document Templates](https://docs.flowx.ai/6.x/docs/platform-deep-dive/core-extensions/content-management/documents-plugin/documents-plugin-overview.md)
> >
> > ![Document Templates](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/flowx-designer/designer_documents.png)
> >
> > Generate documents based on custom templates with process data, convert between formats, split documents, add barcodes/signatures, and manage version control with conditional template variables.

> [accordion] System Settings
>
> > [tab] Configuration Parameters
> >
> > ![Generic Parameters](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/flowx-designer/designer_generic_params.png)
> >
> > Manage environment-specific settings with:
> >
> > * Key-value parameter definition
> >
> > * Environment-specific value configuration
> >
> > * Parameter grouping and categorization
> >
> > * Environment comparison tools
> >
> > * Import/export capabilities
> >
> > > [!WARNING]
> > >
> > > The maximum length of a parameter input value is 255 characters.
>
> > [tab] Access Management
> >
> > ![Access Management](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/flowx-designer/designer_access_mng.png)
> >
> > Administrate users, roles and groups through:
> >
> > * Integration with Keycloak/[RH-SSO](https://access.redhat.com/products/red-hat-single-sign-on)
> >
> > * Role-based access control
> >
> > * Granular permission management
> >
> > * User onboarding templates
> >
> > * Group organization
> >
> > > [card] [Access Management](https://docs.flowx.ai/6.x/setup-guides/access-management/access-management-overview.md)
>
> > [tab] Integration Management
> >
> > ![Integration Management](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/flowx-designer/designer_integrations.png)
> >
> > Configure and monitor connections between:
> >
> > * [FlowX Process engine](https://docs.flowx.ai/6.x/docs/platform-deep-dive/core-components/flowx-engine.md)
> > * [Platform plugins](https://docs.flowx.ai/6.x/docs/platform-deep-dive/plugins/custom-plugins.md)
> > * External adapters and systems
> > * Scenario-specific configurations (OTP, documents, notifications)
> > * Visual mapping tools

> [accordion] Platform Status
>
> ![Platform Status](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/470/platform_status.png)
>
> The Platform Status panel is also where you check **which version of FlowX your environment is running**. It shows the platform version alongside each service's required vs. running version, so you can confirm the deployed version at a glance.
>
> Other capabilities:
>
> * Health status monitoring for all FlowX services and custom connectors
> * Component version checking (running vs. required)
> * Performance metrics and resource utilization statistics
> * System alerts
> * Historical data for trend analysis

> [accordion] UI Designer
>
> ![UI Designer](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/470/ui_designer.png)
>
> The UI Designer provides a comprehensive environment for creating intuitive user interfaces with:
>
> * Enhanced UI layer panel for intuitive design element management
>
> * Improved drag and drop functionality for precise component placement
>
> * Flexible root component management for form groups and containers
>
> * Clear component hierarchy visualization with navigation controls
>
> * Rich component library with customization options
>
> * Integration with themes and styling capabilities
>
> > [card] [UI Designer Documentation](https://docs.flowx.ai/6.x/docs/building-blocks/ui-designer/ui-designer.md)
> >
> > Learn more about UI Designer capabilities and components

## Next steps

> [card] [Managing a Process Flow](../flowx-designer/managing-a-project-flow/)
>
> Learn how to create and manage a process from scratch


## Related topics

- [FlowX.AI CMS](https://docs.flowx.ai/6.x/docs/platform-deep-dive/core-extensions/content-management/content-management.md)
- [FlowX.AI 5.0.0 Release Notes](https://docs.flowx.ai/release-notes/v5.x/v5.0.0-july-2025/v5.0.0-july-2025.md)
- [FlowX Designer setup](https://docs.flowx.ai/6.x/setup-guides/designer-setup-guide.md)
- [FlowX.AI documentation](https://docs.flowx.ai/6.x/docs/introduction.md)
- [FlowX.AI architecture: services, layers, and data flow](https://docs.flowx.ai/6.x/docs/platform-overview/flowx-architecture.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.