このツールは豊富な機能を提供するが、主なものは以下の通り:
- デザイン読み取り機能ドキュメント情報の取得、選択したコンテンツや特定のノードの詳細の表示
- オペレーション機能の設計長方形、テキストなどの要素を作成し、色、ボーダー、その他のスタイルを変更できます。
- コード生成機能FigmaのデザインをReact、HTML、その他のフロントエンドのコードに変換します。
- コンポーネント管理機能ローカルまたはチームのコンポーネントを読み、使用する
- エクスポート機能デザインノードをPNG、JPG、SVGまたはPDF形式でエクスポートします。
これらの機能により、MCPプロトコルを介したWebSocketテクノロジーとのリアルタイムインタラクションが可能になり、シームレスな設計・開発作業が可能になります。
この答えは記事から得たものである。カーソルを使ってFigmaのデザインを読み込み、修正するためのMCPサービス。について































