繁體中文（台灣）
從代碼到畫布：Logto 讓登入體驗設計開源
我們已經將登入體驗的 Figma 資源公開，包括全面的身份驗證流程設計和多功能樣式與組件。
Ran
Product & Design
Product & Design
我們已經將登入體驗的 Figma 資源公開，包括全面的身份驗證流程設計和多功能樣式與組件。
在 Logto，我們相信協作和透明的力量。這就是為什麼我們很高興地告訴你，我們已經將我們在 Figma 上的登入體驗設計開源，並供所有人使用。要訪問 Figma 資源：
這一設計包含兩個主要組件：身份驗證流（登入體驗）和樣式與組件。讓我們詳細探討每一部分。
我們精心打造了多種組合的註冊、登入和首次社交登入場景，用於手機和 PC 平台。每個場景都有對應的控制台配置，為你提供全面的身份驗證流程概覽。以下是一些場景的預覽：
| 註冊 | 登入 | 首次社交登入 | |
|---|---|---|---|
| 用戶名 | 用戶名 + 密碼 | 用戶名 + 密碼 | 社交登入 + 設定用戶名 |
| 電子郵件（最受歡迎） | 電子郵件 + 驗證碼 + 密碼 | 電子郵件 + 密碼 | 社交登入 + 連結電子郵件 |
| 電話號碼 | 電話號碼 + 驗證碼 | 電話號碼 + 驗證碼 | 社交登入 + 連結電話號碼 |
| 混合電子郵件和電話 | 電子郵件/電話號碼 + 驗證碼 + 密碼 | 電子郵件/電話號碼 + 驗證碼/密碼 | 社交登入 + 連結電子郵件/電話號碼 |
| 僅社交登入 | / | / | 僅社交登入 |
| 忘記密碼 | |
|---|---|
| 混合電子郵件和電話 | 通過驗證電子郵件/電話號碼重設密碼 |
我們的設計還包括一套簡單且多功能的樣式和組件，方便你自定義整體登入體驗的 UI。你將找到以下內容：
| 簡介 | |
|---|---|
| 字體樣式 | 我們將字體分類簡化為身體、標籤、標題和標題。相同的字體樣式用於手機和 PC 平台，確保了一致性和易用性。 |
| 顏色樣式 | 借助色板和色標，你可以輕鬆更改主題顏色以匹配你的品牌。我們的色板是使用 Google Material Design 生成的，提供了即時模式和暗黑模式，方便設計師理解。 |
| 圖標 | 我們包含了一套精選的功能圖標，涵蓋廣泛的使用情況，可以直接使用或輕鬆替換。此外，我們提供了各種專門為你的社交登入按鈕設計的社交媒體圖標。 |
| 組件 | 我們為手機和網頁平台組織了組件，包括品牌、按鈕、複選框、對話框、導航、通知、文本字段和鍵盤（手機）。 |
但這還不是全部！使用 Logto，你可以跳過上面繁瑣的細節，放心讓我們提供無縫的集成體驗。在 Logto 控制台中，你可以輕鬆探索方法配置，並將其與你的品牌 UI 匹配。在幾分鐘內，你將擁有一個完美契合你業務的自定義登入和註冊體驗。
Logto 一直致力於提供開源代碼服務，但你可能想知道為什麼我們決定將這一開放性延伸到我們的設計中。
我們希望 Logto 不僅對開發者友好，還能成為產品經理和設計師的最佳夥伴。我們相信整個開發過程中更好的協作會帶來高效、透明和信任。
雖然 Logto 致力於提供高效的雲服務，但它起源於開源社區，並意圖在長期內保持公開透明。
隨著 Logto 產品的持續迭代，我們將保持 Figma 設計的更新。我們希望你利用 Logto 為你的產品創造出色的第一步體驗，並為你的品牌留下深刻的印象。
我們重視你的體驗和反饋，請保持溝通渠道的暢通。我們期待聽到你的聲音。