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 クライアントゼロ構成アクセス，Plug and Playシングル。

双方向同期 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