將 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

翻譯:沙漠盡頭的狼(Google翻譯加持),翻譯彆扭,建議直接閱讀原文

使用 FigmaSharp.Maui.Graphics 將 Figma 設計轉換為 .NET MAUI Graphics 程式碼。基於 MIT 協議,免費開源,關於 MIT 協議給出一張圖自行理解。

繼續介紹:

兩張縮圖看效果:

Windows 和 macOS 上可用的工具執行以下步驟:

  1. 使用個人存取權杖(Personal Access Token)存取 Figma 文件。
  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 回報錯誤和功能請求。

已知限制或問題

  • 目前,所需的變更依賴於 .NET MAUI Graphics 或 FigmaSharp,該工具不會產生向量自訂字型
  • 雖然很快就會修復它,但目前您需要將 Figma 中的根節點設定為位置 0,0。

版權和許可

在 MIT 許可下發佈的程式碼。

繼續探索

延伸閱讀

更多文章
同分類 / 同標籤 2023/9/21

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

多年來,基於XAML的UI框架已經有了很大的發展。這些框架主要包含:支援跨平台應用的Avalonia UI, Uno Platform和 .NET MAUI。如果微軟早點推出一個類似Flutter這樣的跨平台UI框架,我們可能就不會有這麼多的選擇。

繼續閱讀