原文リンク:https://github.com/jsuarezruiz/figma-to-maui-graphics
原文著者:jsuarezruiz
翻訳:砂漠の果ての狼(Google翻訳利用)。読みにくい場合は直接原文を参照推奨
FigmaSharp.Maui.Graphicsを使用して、Figmaデザインを.NET MAUI Graphicsコードに変換します。MITライセンスに基づき、無料でオープンソースです。MITライセンスについては、以下の画像をご参照ください。

続きの紹介:
効果を示す2つのサムネイル:


WindowsおよびmacOSで利用可能なツールは、以下の手順を実行します:
- 個人アクセストークンを使用してFigmaドキュメントにアクセスします。
- すべての情報を取得し、反復処理や操作が可能なノード階層を作成します。
- ノードを取得後、.NET MAUI Graphics用のC#コードを生成します。
- コード生成後、コードをコンパイルしてエラーが発生しないことを確認します。
コードをコピー&ペーストするか、ファイルに直接エクスポートできます。
注意: このプロジェクトはFigmaSharpを使用し、拡張しています。
このツールは.NET MAUI Graphics用のC#コードを生成するものであり、.NET MAUIビューを使用したXAMLやC#コードを生成するものではないことに留意してください。
はじめに
figma.comのドキュメントにアクセスするには、個人アクセストークンを生成する必要があります。Figmaにログインし、メインメニューからHelp and Account → Account Settingsに移動し、Create new tokenを選択します。トークンをコピーできるのはこの時だけですので、安全な場所に保存してください。
問題がありますか?サポートが必要ですか?貢献したいですか?バグや機能リクエストはGitHub Issuesをご利用ください。
既知の制限事項や問題
- 現時点では、必要な変更は.NET MAUI GraphicsまたはFigmaSharpに依存しており、このツールはベクターやカスタムフォントを生成しません。
- 近いうちに修正される予定ですが、現在はFigma内のルートノードを位置(0,0)に設定する必要があります。
著作権とライセンス
コードはMITライセンスのもとで公開されています。