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

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

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

最后更新 2022/09/23 11:42
jsuarezruiz
预计阅读 2 分钟
分类
.NET
标签
.NET C# MAUI Figma

原文链接:https://github.com/jsuarezruiz/figma-to-maui-graphics

イラスト:Jsuarezruiz

砂漠の果ての狼

** FigmaSharp.Maui.Graphics ** を使用して、Figmaデザインを. NET MAUI Graphicsコードに変換します。MITプロトコルに基づき、フリーでオープンソースで、MITプロトコルについての図を与えて自己理解する。

** ご紹介:**

2つのサムネイルが表示される:

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

  1. 個人用アクセストークンを使用してFigma文書Personal Access Tokenにアクセスします。
  2. すべての情報を取得し、反復または操作できるノードの階層を作成します。
  3. 获取节点后,它会为.NET MAUI Graphics生成 C# 代码。
  4. コードが生成されると、コードをコンパイルしてエラーが発生しないことを確認します。

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

注意: 这个项目使用并扩展了 FigmaSharp

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

入り口に入る

访问figma.com的文档您需要生成个人访问令牌(Personal Access Token)。登录 Figma 并在主菜单中,转到Help and AccountAccount Settings并选择Create new token。这将是您复制令牌的唯一机会,因此请确保将副本保存在安全的地方。

您有问题、需要支持或想要贡献吗?使用 GitHub Issues 反应 bug 和功能请求。

既知の制限や問題

  • 目前,所需的更改依赖于 .NET MAUI Graphics 或 FigmaSharp ,该工具不会生成矢量自定义字体
  • すぐに修正されますが、現時点ではFigmaのルートノードを0,0の位置に設定する必要があります。

著作権およびライセンス

MITライセンスの下でリリースされたコード。

Keep Exploring

延伸阅读

更多文章
同分类 / 同标签 2023/09/21

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

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

继续阅读
同分类 / 同标签 2026/04/22

バージョン別の. NETサポート状況(250 7 0 7更新)

仮想マシンとテストマシンを使用して、各バージョンのオペレーティングシステムの. NETサポートをテストします。オペレーティングシステムのインストール後、対応するランタイムを測定し、スターダストエージェントをパスとして実行できます。

继续阅读