將 figma 設計轉換為 .net maui graphics 代碼

將 figma 設計轉換為 .net maui graphics 代碼

使用figmasharp.maui.graphics將figma設計轉換為 .net maui graphics代碼。

最后更新 2022/9/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 協議給出一張圖自行理解。

繼續居間:

兩張縮略圖看效果:

windows 和 macos 上可用的工具執行以下步驟:

  1. 使用個人訪問令牌訪問 figma 文檔(personal access token)。
  2. 獲取所有信息並創建我們可以疊代或操作的節點層次結構。
  3. 获取节点后,它会为.NET MAUI Graphics生成 C# 代码。
  4. 生成代碼後,它會編譯代碼以確保沒有生成錯誤。

您可以複製並粘貼代碼或將其直接導出到文件中。

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

請記住,此工具為 .net maui graphics 生成 c# 代碼,而不是使用 .net maui 視圖生成 xaml 或 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/9/21

【譯】基於xaml的跨平台框架對比分析

多年來,基於xaml的ui框架已經有了很大的發展。這些框架主要包含:支持跨平台應用的avalonia ui, uno platform和 .net maui。如果微軟早點推出一個類似flutter這樣的跨平台ui框架,我們可能就不會有這麼多的選擇。

继续阅读