跳转到主要内容

Documentation Index

Fetch the complete documentation index at: https://manus.im/docs/llms.txt

Use this file to discover all available pages before exploring further.

对于使用 Figma 进行设计流程的团队，Manus 提供了强大的集成功能，您只需一个命令，即可将设计转化为功能完善的 Web 应用程序。

​
工作原理

您无需手动将 Figma 设计转换为代码，只需向 Manus 提供 Figma 文件的链接。Manus 将分析设计，包括布局、组件、字体和颜色，并自动生成相应的 Web 应用程序代码。

​
流程

  1. 在 Figma 中设计: 像往常一样在 Figma 中创建您的应用程序设计。 image.png
  2. 提供链接: 与 Manus 分享 Figma 框架链接，并描述您想要构建的内容。 例如：
    “这是我们新移动应用的 Figma 设计。请基于此设计构建一个功能完善的 Web 应用程序。”
  3. Manus 构建应用: Manus 将解释设计并生成前端的 HTML、CSS 和 JavaScript，以及必要的后端组件，使您的设计栩栩如生。
    You can attach multiple frames to your request. Tell Manus how these frames relate—page flow, interactions, or component states (like hover). This helps Manus generate accurate multi-page or interactive experiences.
这种集成极大地加快了开发流程，弥合了设计与开发之间的鸿沟，让您能够在更短的时间内从静态设计转变为实时、交互式的应用程序。