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.
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.
