Design to interaction

让设计，
成为可运行的界面。

保留设计结构，用脚本连接交互与数据。
从 Studio 中的每一次预览，到产品里的真实体验。

开始使用 ↗探索插件 →阅读文档

Figma 设计导入 · TypeScript / JavaScript · Web Components

7 天免费试用，无需绑卡 · 订阅 ¥30 / 月起，查看价格与权益 →

看见设计运行起来

在真实的 Studio 工作流中，了解设计、交互和预览如何连接。

FLAMO PLUGINS

在常用的工具里开始。

全部插件与安装指南 →

Codex有效试用或订阅

AI 设计与开发

Flamo Design

在 Codex 中创建、修改和检查 Flamo 设计，把导出的组件接入你的产品。

用自然语言创作与修改设计
检查结构、资源与交付结果
协助 Web Component 接入

下载 Codex 插件安装指南

Figma免费 · 免账号

HMI 管道创作

Flamo 管道

将 Figma 中的路径变成可编辑的工业管道，调整管壁、介质与流向效果。

由中心线生成原生可编辑图层
调整管径、材质和流向样式
保留路径，随时继续修改

下载 Figma 开发版安装指南

Figma 桌面端导入 · 插件无需联网

从设计到交付

设计可以继续生长。

结构、行为与运行保持连贯，让界面可以复用，也可以持续修改。

01 / DESIGN

保留设计的结构

将图形、布局、变量与组件组织为 Artifact。既能承接 Figma 设计，也能通过代码和 AI 工具创建。

了解设计工作流 →

02 / INTERACT

让交互连接数据

用 TypeScript / JavaScript 处理事件、更新属性、组合组件。在同一份设计上增加可复用的行为。

编写交互脚本 →

03 / DELIVER

接入你的产品

在 Studio 中预览和调试，以 Web Component 嵌入业务系统。通过属性传入数据，通过事件响应操作。

了解集成方式 →

一套连贯的工作流

设计与代码，
在这里连接。

面向可视化界面、业务组件与工业 HMI，让设计资产成为能够运行、验证和交付的产品界面。

在 Playground 试一试 →

1
导入或创建
带入 Figma 设计，或通过代码和 Flamo Design 创建结构。
Artifact
2
开发与预览
连接数据、添加行为，在 Studio 中验证交互效果。
Studio
3
集成与运行
将可复用界面接入宿主，由 Runtime 管理渲染与实例。
Runtime

为开发者准备

从这里开始构建。

选择你的起点，从第一个交互到完整的产品集成。

开发文档

快速上手、核心概念与集成指南。

Runtime API

查询实例、场景、属性与事件接口。

Artifact 参考

了解设计结构、变量和组件的字段定义。

Playground

修改示例代码，立即查看运行结果。

让下一个想法运行起来

从你的第一份设计开始。

开始使用 ↗查看快速上手 →

让设计，成为可运行的界面。