仕組み
Figma デザインを手作業でコードに変換する代わりに、Figma ファイルへのリンクを Manus に提供するだけで済みます。Manus はレイアウト、コンポーネント、フォント、カラーを含むデザインを分析し、対応するウェブアプリケーションのコードを自動的に生成します。手順
-
Figma でデザインする：通常どおり Figma でアプリケーションのデザインを作成します。
-
リンクを提供する：Figma フレームのリンクを Manus と共有し、構築したいものを説明します。
例：
「これは新しいモバイルアプリの Figma デザインです。このデザインに基づいて、機能的なウェブアプリケーションを構築してください。」
- Manus がアプリを構築する：Manus はデザインを解釈し、フロントエンドの HTML、CSS、JavaScript に加えて、デザインを実現するために必要なバックエンドコンポーネントを生成します。