Implementing Figma Designs

This skill helps you implement Figma designs 1:1 using the OneKey component library.

Core Principles

Focus on UI First, Data Later

When implementing Figma designs, prioritize pixel-perfect UI over data integration:

1. Use mock data - Hardcode data that matches the design exactly
2. Skip i18n - Use plain strings directly from the design, no intl.formatMessage
3. Skip API calls - No need to fetch real data at this stage
4. Match the design - Focus on visual accuracy, spacing, colors, and layout

What NOT to do