• Skip to main content
  • Skip to header right navigation
  • Skip to site footer
CDP Studio logo

CDP Studio

The no-code and full-code software development tool for distributed control systems and HMI

  • Why CDP
    • Software developers
    • Automation engineers
    • Managers
  • Product
    • Design UI
    • Develop
    • Analyze and test
    • Deploy
    • Framework and toolbox
    • Compatibility
  • Services
  • Use cases
  • Pricing
  • Try CDP

Design UI

Design user interfaces

Make your own UI in just a few minutes with CDP Studio Design Editor for both native and Web UI. The CDP Studio UI Designer is a comprehensive editor for creating great looking UI. The what-you-see-is-what-you-get (WYSIWYG) editor comes with pre-made customizable widgets and themes allowing developers to design UI with confidence.

widgets and themes

Premade widgets and themes

The UI designer comes with a large set of pre-made widgets that are highly customizable through simple property settings. Several themes (global look and feel) are provided with night and day modes.

With simple drag-and-drop you can create user interface (UI) without being a designer.

Simple and customizable

CDP Studio UI designer

The CDP Studio UI designer is made to enable developers/automation engineers to design user interfaces without a deep knowledge of UI design. The WYSIWYG editor allows simple drag-and-drop. The pre-made widgets are highly customisable using properties and no coding or scripting is required. UIs are made with scalable graphics and will automatically adapt to any screen size.

The UI designer is fully integrated in the IDE and the UI elements are easily connected to the control system’s signals, parameters and properties.

This enables anyone to become a UI designer.

Easy and fast

No-code Web HMI

Use the no-code CDP Studio UI designer to create Web user interfaces that can run on any device or in any browser. The drag-and-drop editor require no html5 coding or knowledge to create great web HMIs. Use the pre-defined widgets and themes for a consistent and modern industrial look and feel. Combine this with the cyber security to create secure web HMIs.

branding

Create your own look and feel

With CDP Studio, it is fast and efficient to design your unique company’s look. Designers can completely change the look and feel of existing widgets by modifying the themes SVG files. Even create new versions of widgets, e.g. in a meter you can add and move needles, set needle directions and much more. No coding is required.

New widgets can be written in QML, a declarative language that supports Javascript, or C++ using the Qt framework.

The UI designer is a tool that brings designers and developers closely together as they cooperate to create new designs.

Create your own UI look and feel

Fast prototyping

Save time and improve
your sales pitch

Creating UIs is fast with the pre-made widgets and easy to use layout tools. Fast prototyping saves time in sales and customer discussions and during development as it is easier to demonstrate how systems will work. Simply connect the prototype UI to the simulator, a dummy control system or use connection mode to add life to the UI.

Web UI / HTML5

Built-in web server

CDP Studio supports Web UI / HTML5 and has a built-in web server. This allows you to use Javascript or any web design tool to create advanced web UIs and integrate this with the control system logic.

CDP Design web UI
Read about the benefits of CDP Studio

CDP Technologies AS
Hundsværgata 8,
P.O. Box 144
6001 Ålesund, Norway

Tel: +47 990 80 900
E-mail: info@cdptech.com

Company

About CDP

Contact us

Services

Partners

Blog

Developers

Get started

User manuals

Support

Document download

Release notes

My account

Follow CDP

  • LinkedIn
  • YouTube
  • GitHub

© Copyright 2023 CDP Technologies. Privacy and cookie policy.

Return to top