发布于: Apr 21, 2022
AWS 于近日宣布正式推出 AWS Amplify Studio Figma-to-React 代码功能，为前端开发人员提供更快的工作流程来构建全栈应用程序。这些新功能融入现有的 Amplify Studio 后端创建和管理功能，帮助开发人员加速 UI 开发。通常，前端开发人员和设计人员之间需要不断返工，最终可能为了按时交付而产生不理想的最终用户体验。借助 Amplify Studio，按照设计开发 UI 可简单至“从 Figma 导入、导出到代码以及使用自定义逻辑扩展代码”。
Amplify Studio 使用 Figma 设计自动生成像素完美的 React 组件，只需单击几下即可连接至后端。Figma-to-React 功能已在 re:Invent 2021 预览版中推出，此后加入新功能，包括交互性、使用代码修改子 UI 元素的增强体验以及新的主题化功能。
Amplify Studio 组件编辑器现在可让开发人员向其 UI 组件加入交互性，例如将数据从表单保存到后端或导航操作（例如转到 URL）。任何 React 开发人员均应熟悉生成的组件，它们提供与手动编写组件相同的灵活性，并具有修改组件属性、元素样式和事件处理程序的机制。所有这些组件都遵循可访问性最佳实践，并且可以使用 Figma 插件主体化，在几分钟内匹配您品牌的外观和感觉。
Amplify Studio UI 开发功能已在 17 个 AWS 区域推出：美国东部（俄亥俄）、美国东部（弗吉尼亚北部）、美国西部（加利福尼亚北部）、美国西部（俄勒冈）、亚太地区（孟买）、亚太地区（首尔）、亚太地区（新加坡）、亚太地区（悉尼）、亚太地区（东京）、加拿大（中部）、欧洲（法兰克福）、欧洲（爱尔兰）、欧洲（伦敦）、欧洲（巴黎）、欧洲（斯德哥尔摩）、中东（巴林）和南美洲（圣保罗）。
查看我们的 AWS News 博客以开始使用 Amplify Studio 中的最新功能。