Figma デザインを .NET MAUI Graphics コードに変換する

Figma デザインを .NET MAUI Graphics コードに変換する

FigmaSharp.Maui.Graphics を使用して Figma デザインを .NET MAUI Graphics コードに変換します。

最終更新 2022/09/23 11:42
jsuarezruiz
読了目安 1 分
カテゴリ
.NET
タグ
.NET C# MAUI Figma

原文リンク:https://github.com/jsuarezruiz/figma-to-maui-graphics

原文著者:jsuarezruiz

翻訳:砂漠の果ての狼(Google翻訳利用)。読みにくい場合は直接原文を参照推奨

FigmaSharp.Maui.Graphicsを使用して、Figmaデザインを.NET MAUI Graphicsコードに変換します。MITライセンスに基づき、無料でオープンソースです。MITライセンスについては、以下の画像をご参照ください。

続きの紹介:

効果を示す2つのサムネイル:

WindowsおよびmacOSで利用可能なツールは、以下の手順を実行します:

  1. 個人アクセストークンを使用してFigmaドキュメントにアクセスします。
  2. すべての情報を取得し、反復処理や操作が可能なノード階層を作成します。
  3. ノードを取得後、.NET MAUI Graphics用のC#コードを生成します。
  4. コード生成後、コードをコンパイルしてエラーが発生しないことを確認します。

コードをコピー&ペーストするか、ファイルに直接エクスポートできます。

注意: このプロジェクトはFigmaSharpを使用し、拡張しています。

このツールは.NET MAUI Graphics用のC#コードを生成するものであり、.NET MAUIビューを使用したXAMLやC#コードを生成するものではないことに留意してください。

はじめに

figma.comのドキュメントにアクセスするには、個人アクセストークンを生成する必要があります。Figmaにログインし、メインメニューからHelp and AccountAccount Settingsに移動し、Create new tokenを選択します。トークンをコピーできるのはこの時だけですので、安全な場所に保存してください。

問題がありますか?サポートが必要ですか?貢献したいですか?バグや機能リクエストはGitHub Issuesをご利用ください。

既知の制限事項や問題

  • 現時点では、必要な変更は.NET MAUI GraphicsまたはFigmaSharpに依存しており、このツールはベクターカスタムフォントを生成しません。
  • 近いうちに修正される予定ですが、現在はFigma内のルートノードを位置(0,0)に設定する必要があります。

著作権とライセンス

コードはMITライセンスのもとで公開されています。

さらに探索

関連読書

その他の記事
同じカテゴリ / 同じタグ 2023/09/21

【翻訳】XAMLベースのクロスプラットフォームフレームワークの比較分析

長年にわたり、XAMLベースのUIフレームワークは大きく発展してきました。これらのフレームワークは主に、クロスプラットフォームアプリケーションをサポートするAvalonia UI、Uno Platform、.NET MAUIを含みます。もしマイクロソフトがもっと早くFlutterのようなクロスプラットフォームUIフレームワークをリリースしていたら、これほど多くの選択肢はなかったかもしれません。

続きを読む
同じカテゴリ / 同じタグ 2026/04/22

各OSバージョンの.NETサポート状況(250707更新)

仮想マシンとテストマシンを使用して、各OSバージョンの.NETサポート状況を確認します。OSインストール後、対応するランタイムをインストールし、Stardustエージェントを実行できることを確認します(合格条件)。

続きを読む