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