CORE FEATURES
为什么选择 TDFH 触控屏?
不是简单的"换皮肤",而是让你完全掌控屏幕的每一个像素。像搭积木一样设计界面,零代码完成专业级产品。
인터페이스 맞춤 제작
把屏幕切成无数个"积木块"。开关、文字、滑块、图片...每个元素都是独立的"原子",想怎么摆就怎么摆,灵活到像素级。
드래그 앤 드롭 디자인,零代码
像搭积木一样设计界面。컨트롤 드래그 → 摆放到想要的位置 → 完成。不需要写一行代码,5分钟就能做出专业级界面。
支持自上传图片素材
系统图标不够直观?上传任何图片!把开关换成灯具实物图,看图操作,老人小孩零失误。把房间入口换成家人头像,满满仪式感。
一站搞定,不用来回전환
From screen design to device deployment, all completed on one workbench. No need to switch between multiple software tools, 10x efficiency.
WORKBENCH
工作台已就绪
面向工业触摸屏的 Web 图形界面디자인 도구,覆盖模板、자료、변수、프로토콜、仿真与固件출력。
01
화면设计
컨트롤 드래그、智能吸附、图层管理与多页面编排
컨트롤 드래그、智能吸附、图层管理与多页面编排
02
변수与通讯
统一설정변수映射与设备통신 프로토콜
统一설정변수映射与设备통신 프로토콜
03
在线仿真
在浏览器中验证화면、변수与事件交互
在浏览器中验证화면、변수与事件交互
04
출력部署
完成预览、엔지니어링导出与固件업그레이드包构建
完成预览、엔지니어링导出与固件업그레이드包构建
QUICK START
4 步快速开始
01 · 创建模板
选择屏幕크기与芯片型号,一键创建项目
02 · 设计화면
설정控件、변수与事件,드래그 앤 드롭 디자인
03 · 仿真디버깅
验证交互与通讯逻辑,실시간 미리보기效果
04 · 导出部署
출력엔지니어링或固件업그레이드包,一键部署到设备
AI ASSIST
AI 帮你画구성(SCADA)화면
不用从空白画布开始。用一句话설명需求或粘贴设备포인트 목록,AI 自动生成控件布局、변수绑定与事件逻辑,几分钟产出可仿真엔지니어링。
自然언어生成界面
설명"온도监控 + 开关控制",AI 直接生成整套交互화면,零基础也能上手。
自动绑定 Modbus 변수
导入레지스터주소表,AI 自动把控件映射到对应유지 레지스터 / 코일,省去手动连线。
智能布局适配
AI 按屏幕크기与控件数量推荐排布,手机、산업 제어屏、壁挂面板一套엔지니어링多端适配。
对话式迭代
用聊天방식增删控件、改颜色、调逻辑,所见即所得,不用反复导出。
MCP INTEGRATION
开放 MCP 인터페이스,接入你的 AI 工作流
TDFH 提供표준 MCP Server,让 Claude、Cursor 等任意支持 MCP 的 AI 클라이언트直接读写你的구성(SCADA)엔지니어링,把画界面变成一句话的事。
표준 MCP Server
暴露엔지니어링 / 화면 / 변수为 MCP 자료,AI 클라이언트零설정接入,即插即用。
双向同步
AI 生成的화면直接写回엔지니어링文件,无需手动导出导入,闭环개발。
도구调用
AI 通过 MCP 도구创建控件、绑定레지스터、触发在线仿真,全程可编程。
本地优先
支持私有化部署,엔지니어링데이터留在内网,满足산업 제어安全合规。
TUTORIALS
튜토리얼문서
从入门到精通,快速掌握 TDFH 触控屏개발
GUI Designer Simulation Debugging User Manual
1. 기능al O…
GUI Designer Pop-up and Floating Window User Manual
1. Introduction…
GUI Designer Quick Interface Layout User Manual
1. Introduction…
GUI Designer List Control User Manual
1. Introduction…
GUI Designer Round Pointer Gauge User Manual
1. Introduction…
GUI Designer Round Clock User Manual
1. Introduction…
GUI Designer RGB Settings (Color Palette) User Manual
1. Overview of …
GUI Designer QR Code Control User Manual
1. Introduction…
GUI Designer Screen Slide Control User Manual
1. Introduction…
GUI Designer Input Box User Manual
1. Introduction…
GUI Designer Timer User Manual
1. Introduction…
GUI Designer Circular Slider Control User Manual
1. Introduction…
GUI Designer Slider Control User Manual
1. Introduction…
GUI Designer time setting and display
1. Introduction…
GUI Designer Text Control User Manual
1. Introduction…
GUI Designer User Manual for Custom Protocol
1. Introduction…
GUI Designer Button Control User Manual
1. How to add b…
Application of variables in GUI Designer software
1. Definition o…
GUI Designer Software Beginner's Tutorial
Software Descri…
准备好开始了吗?
바로访问 TDFH 디자인 도구,创建你的第一个智能触控界面