TDFH SMART TOUCH SCREEN

TDFH HMI

Turn the screen into "Lego" and build it as you want. Atomization customization of the interface, drag and drop design, and zero code completion of professional level interfaces.

Open the design tool Understand the functions

TDFH Design Tool

Interface Atomization Customization

switch

Brightness

temperature

Curtains

Scenarios

Music

button

switch

Text

progress bar

Live Preview
Drag and drop control → Real time preview → One click deployment

CORE FEATURES

Why choose TDFH touch screen?

It's not just about "changing skins", but about giving you complete control over every pixel of the screen. Design interfaces like building blocks and complete professional level products with zero code.

Interface Atomization Customization Cut the screen into countless "building blocks". Switches, text, sliders, images... Each element is an independent "atom", allowing for flexible arrangement as desiredPixel level。

Drag and drop design, zero code Design the interface like building blocks.Drag and drop control → Place it in the desired position → CompleteYou don't need to write a single line of code to create a professional interface in just 5 minutes.

Support self uploading image materials Is the system icon not intuitive enough?Upload any imageReplace the switch with a physical picture of the lighting fixture, operate based on the picture, and ensure zero errors for both the elderly and children. Replace the entrance of the room with family portraits, creating a sense of ceremony.

One stop solution, no need to switch back and forth From screen design to device deployment, all completed on one workbench. No need to switch between multiple software tools, 10x efficiency.

WORKBENCH

The workbench is ready

A web graphical interface design tool for industrial touch screens, covering templates, resources, variables, protocols, simulations, and firmware output.

01 screen design
Drag and drop controls, intelligent suction, layer management, and multi page layout

02 Variables and Communication
Unified configuration variable mapping and device communication protocol

03 Online Simulation
Verify screen, variable, and event interactions in the browser

04 Output deployment
Complete preview, project export, and firmware upgrade package construction

QUICK START

4 Quick Steps to Start

01 · Create Template Select screen size and chip model, and create a project with just one click

02 · Design visuals Configure controls, variables, and events, drag and drop design

03 · Simulation debugging Verify interaction and communication logic, real-time preview effect

04 · Export Deployment Output engineering or firmware upgrade packages and deploy them to devices with just one click

AI ASSIST

AI 帮你画组态画面

不用从空白画布开始。用一句话描述需求或粘贴设备点位表，AI 自动生成控件布局、变量绑定与事件逻辑，几分钟产出可仿真工程。

自然语言生成界面 Description"温度监控 + 开关控制"，AI 直接生成整套交互画面，零基础也能上手。

自动绑定 Modbus 变量 导入寄存器地址表，AI 自动把控件映射到对应保持寄存器 / 线圈，省去手动连线。

智能布局适配 AI 按屏幕尺寸与控件数量推荐排布，手机、工控屏、壁挂面板一套工程多端适配。

对话式迭代 用聊天方式增删控件、改颜色、调逻辑，所见即所得，不用反复导出。

MCP INTEGRATION

开放 MCP Interface，接入你的 AI 工作流

TDFH 提供标准 MCP Server，让 Claude、Cursor 等任意支持 MCP 的 AI 客户端直接读写你的组态工程，把画界面变成一句话的事。

标准 MCP Server 暴露工程 / 画面 / 变量为 MCP 资源，AI 客户端零配置接入，即插即用。

双向同步 AI 生成的画面直接写回工程文件，无需手动导出导入，闭环开发。

工具调用 AI 通过 MCP 工具创建控件、绑定寄存器、触发在线仿真，全程可编程。

本地优先 支持私有化部署，工程数据留在内网，满足工控安全合规。

TUTORIALS

Tutorial Documentation

From beginner to proficient, quickly master TDFH touch screen development

Are you ready to start?

Immediately access TDFH design tools and create your first smart touch interface

Open the design tool View Modbus configuration serial port screen