Logo
Agent Skills Guide

implementing-figma-designs

published 2026/01/14

Implements Figma designs 1:1 using OneKey component library. Use when implementing UI from Figma, converting designs to code, or building pages/components from design specs. Triggers on figma, design, UI, 还原设计稿, 切图, 页面, 组件, implementation, Button, Input, Badge, Icon, Stack, XStack, YStack, Dialog, 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.

📦 Install Skill

Command line install

Install directly with the `skills` CLI.

npx skills add OneKeyHQ/app-monorepo/.claude/skills/implementing-figma-designs

Local download

Download only this skill directory.

Download implementing-figma-designs only
File Explorer
0 files
No file selected
readonly

Select a file to view its content

Resources