Relay 可在设计师和开发者之间实现 Android UI 组件的即时传递。
设计师使用 Figma 插件中的 Relay 来注释和打包 UI 组件以供开发者使用,包括有关布局、样式、动态内容和交互行为的信息。
开发者使用 Android Studio 插件中的 Relay 导入 UI 包并生成像素完美的 Jetpack Compose 代码。此过程提供即时布局和样式实现,并加快数据绑定的过程。UI 包可以包含样式和主题,并引用代码中存在的系统设计组件。
Relay 消除了对繁琐的设计规范和细枝末节的沟通循环的需求。随着产品的发展,UI 包可以更新、扩展并在整个代码库中逐步采用。
您首先使用 Relay for Figma 插件 创建 UI 包,创建 UI 包后,然后使用 Relay for Android Studio 插件 将 UI 包转换为 Jetpack Compose 代码。
使用 Relay for Figma 插件,设计师和开发者可以协同工作,为设计添加 内容参数和交互处理程序 以捕获设计中的动态元素并在 Composable 函数中生成相应的参数。
Relay 团队正在开发对 Material Design 和其他自定义设计系统的支持。目前,我们支持两个实验性功能来帮助您在设计系统和 Compose 实现之间进行映射:Figma 样式映射 和 Figma 组件映射。
Relay 目前处于 Alpha 阶段,我们希望您能使用它并告诉我们它是否满足您的需求。我们将根据您的 反馈 定期发布版本,其中包括对性能、功能和整体工作流程的改进。
下一步
开始使用 Relay 的最佳方法是完成一个 教程 以尝试完整的端到端工作流程。即使您日常使用 Relay 仅专注于工作流程的一部分,了解设计师和开发者如何使用 Relay 创建 Android 应用程序也很有帮助。
安装 Relay 开始吧!