implementing-figma-designs
✓使用 OneKey 組件庫實現 Figma 1:1 設計。在從 Figma 實現 UI、將設計轉換為代碼或根據設計規範構建頁面/組件時使用。在figma、design、UI、還原設計稿、切圖、頁面、組件、組件實現、按鈕、輸入、徽章、圖標、堆棧、XStack、YStack、對話框、Toast、Alert、Form、Select、Switch、Checkbox、Radio、Tabs、Popover、ActionList、Progress、Skeleton、Image、Avatar、Banner、Carousel、Table、Accordion、ScrollView、ListView、SectionList、Page、Divider、Empty、 QRCode、Markdown、Spinner。
SKILL.md
This skill helps you implement Figma designs 1:1 using the OneKey component library.
When implementing Figma designs, prioritize pixel-perfect UI over data integration:
When you need to use a component, look up its source and demo:
使用 OneKey 組件庫實現 Figma 1:1 設計。在從 Figma 實現 UI、將設計轉換為代碼或根據設計規範構建頁面/組件時使用。在figma、design、UI、還原設計稿、切圖、頁面、組件、組件實現、按鈕、輸入、徽章、圖標、堆棧、XStack、YStack、對話框、Toast、Alert、Form、Select、Switch、Checkbox、Radio、Tabs、Popover、ActionList、Progress、Skeleton、Image、Avatar、Banner、Carousel、Table、Accordion、ScrollView、ListView、SectionList、Page、Divider、Empty、 QRCode、Markdown、Spinner。 來源：onekeyhq/app-monorepo。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/onekeyhq/app-monorepo --skill implementing-figma-designs- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 implementing-figma-designs？
使用 OneKey 組件庫實現 Figma 1:1 設計。在從 Figma 實現 UI、將設計轉換為代碼或根據設計規範構建頁面/組件時使用。在figma、design、UI、還原設計稿、切圖、頁面、組件、組件實現、按鈕、輸入、徽章、圖標、堆棧、XStack、YStack、對話框、Toast、Alert、Form、Select、Switch、Checkbox、Radio、Tabs、Popover、ActionList、Progress、Skeleton、Image、Avatar、Banner、Carousel、Table、Accordion、ScrollView、ListView、SectionList、Page、Divider、Empty、 QRCode、Markdown、Spinner。 來源：onekeyhq/app-monorepo。
如何安裝 implementing-figma-designs？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/onekeyhq/app-monorepo --skill implementing-figma-designs 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/onekeyhq/app-monorepo
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01