概览

Relay 横幅图片

Relay 可以在设计人员和开发者之间即时移交 Android 界面组件。

设计人员使用 Relay for Figma 插件为界面组件添加注解并进行打包,包括布局、样式、动态内容和交互行为的相关信息,以便于开发者使用。

开发者使用 Relay for Android Studio 插件导入界面软件包,并生成完美像素的 Jetpack Compose 代码。此流程可以提供即时布局和样式实现,并加快数据绑定过程。界面软件包可以包含样式和主题,并引用代码中已有的设计系统组件。

借助 Relay,您无需再受繁琐的设计规范和各种小细节的约束。随着产品不断发展,您可以在整个代码库中逐步更新、扩展和采用界面软件包。

您首先需要使用 Relay for Figma 插件创建界面软件包,在界面软件包创建完成之后,再使用 Relay for Android Studio 插件将界面软件包转换为 Jetpack Compose 代码。

Relay for Figma 和 Relay for Android Studio

借助 Relay for Figma 插件,设计人员和开发者可以协作添加内容参数和互动处理程序来捕获设计中的动态元素,并在可组合函数中生成相应的参数。

在 Figma 插件中添加的参数会成为可组合函数中的参数

Relay 团队正在开发对 Material Design 和其他自定义设计系统的支持。目前,我们支持以下两种实验性功能来帮助您在设计系统与 Compose 实现之间设置映射:Figma 样式映射Figma 组件映射

Relay 目前为 Alpha 版产品,欢迎您使用,并告诉我们它在哪些方面能够满足您的需求,以及在哪些方面无法满足您的需要。我们会根据您的反馈,定期发布针对性能、功能和整体工作流进行改进的版本。

后续步骤

Relay 入门的最佳方法是通过教程来体验完整的端到端工作流。在日常使用 Relay 时,您可能仅侧重于部分工作流,但同时了解设计人员和开发者使用 Relay 创建 Android 应用的工作流有助于加深您的理解。

安装 Relay 并开始使用!