Design to interaction

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

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

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

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

本地创作免费 · 创作服务每月体验 5 天 · 订阅 ¥30 / 月起，查看价格与权益 →

看见设计运行起来

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

FLAMO PLUGINS

在常用的工具里开始。

全部插件与安装指南 →

Codex免费安装

AI 设计与开发

Flamo Design

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

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

下载 Codex 插件安装指南

Figma桌面端开发版

Figma 创作工具

Flamo 工具集

在 Figma 中随手展开的创作工具集。现已提供管道工具，更多工具持续推出。

浮动工具栏，随时展开或收起
管道工具：路径、外观与运动预览
连接 Flamo，继续设计与开发

下载 Figma 开发版安装指南

Figma 桌面端导入 · 连接 Flamo 后使用

从设计到交付

设计可以继续生长。

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

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

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

线路与同步

上传中断，可以接着传。

同步时复用已上传的内容，减少重复传输。遇到连接波动，可按指南比较实际上传表现，并在已有授权网络中选择稳定线路。

线路优化、上传恢复与配置脚本 →

让下一个想法运行起来

从你的第一份设计开始。

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

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