原文链接:https://github.com/jsuarezruiz/figma-to-maui-graphics
原文作者:jsuarezruiz
翻譯:沙漠盡頭的狼(谷歌翻譯加持),翻譯彆扭,建議直接閱讀原文
使用figmasharp.maui.graphics將 figma 設計轉換為 .net maui graphics 代碼。基於 mit 協議,免費開源,關於 mit 協議給出一張圖自行理解。

繼續居間:
兩張縮略圖看效果:


windows 和 macos 上可用的工具執行以下步驟:
- 使用個人訪問令牌訪問 figma 文檔(personal access token)。
- 獲取所有信息並創建我們可以疊代或操作的節點層次結構。
- 获取节点后,它会为.NET MAUI Graphics生成 C# 代码。
- 生成代碼後,它會編譯代碼以確保沒有生成錯誤。
您可以複製並粘貼代碼或將其直接導出到文件中。
注意: 这个项目使用并扩展了 FigmaSharp。
請記住,此工具為 .net maui graphics 生成 c# 代碼,而不是使用 .net maui 視圖生成 xaml 或 c# 代碼。
入門
访问figma.com的文档您需要生成个人访问令牌(Personal Access Token)。登录 Figma 并在主菜单中,转到Help and Account → Account Settings并选择Create new token。这将是您复制令牌的唯一机会,因此请确保将副本保存在安全的地方。
您有问题、需要支持或想要贡献吗?使用 GitHub Issues 反应 bug 和功能请求。
已知限制或問題
- 目前,所需的更改依赖于 .NET MAUI Graphics 或 FigmaSharp ,该工具不会生成矢量或自定义字体。
- 雖然很快就會修復它,但目前您需要將 figma 中的根節點設置為位置 0,0。
版權和許可
在 mit 許可下發布的代碼。