新工具从设计生成Angular组件
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
WaveMaker推出的Auto Code工具旨在简化前端开发者将Figma设计转化为代码的过程。该工具生成Angular和React Native的UI组件，减少设计与开发团队的迭代时间。Auto Code支持Material 3设计系统，能够识别设计元素并映射到WaveMaker工作室的组件中，确保设计完整性。
🎯
关键要点
- WaveMaker推出的Auto Code工具旨在简化前端开发者将Figma设计转化为代码的过程。
- Auto Code生成Angular和React Native的UI组件，减少设计与开发团队的迭代时间。
- 该工具支持Material 3设计系统，能够识别设计元素并映射到WaveMaker工作室的组件中。
- WaveMaker是一个低代码平台，主要用于金融机构、大型产品公司和独立软件供应商的专业前端开发者。
- Auto Code将基于Material 3的Figma设计转化为生产就绪的UI元素、应用导航和交互的代码。
- 生成的代码可以在WaveMaker的工作室环境中进行自定义，以添加业务逻辑。
- WaveMaker目前拥有90多个组件，包括按钮、文本框、表单和图表等。
- Auto Code能够识别单个组件并将其分组，形成更高层次的抽象，如表单和卡片列表。
- Auto Code是基于机器学习的工具，但不是生成式AI，依赖于Figma设计的元数据。
- WaveMaker还提供WaveMaker CoPilot，一个AI驱动的助手，可以为Auto Code生成的UI提供基于提示的自定义。
❓
延伸问答
Auto Code工具的主要功能是什么？
Auto Code工具旨在将Figma设计转化为Angular和React Native的生产就绪代码，简化前端开发过程。
WaveMaker的Auto Code如何提高设计与开发团队的效率？
Auto Code通过减少设计与开发团队之间的迭代时间，确保设计的完整性，从而提高效率。
Auto Code支持哪些设计系统？
Auto Code支持Material 3设计系统，并可以与客户专有设计系统兼容。
WaveMaker的组件库包含哪些类型的组件？
WaveMaker目前拥有90多个组件，包括按钮、文本框、表单和图表等。
Auto Code是如何处理设计元素的？
Auto Code能够识别设计元素并将其映射到WaveMaker工作室的组件中，形成更高层次的抽象。
WaveMaker CoPilot的功能是什么？
WaveMaker CoPilot是一个AI驱动的助手，可以为Auto Code生成的UI提供基于提示的自定义。
➡️
