Skip to content

feat: connect to Figma MCP server - Design System foundation#2

Open
charleschen04627 wants to merge 4 commits intodevfrom
feature/connect-to-figma-mcp-server
Open

feat: connect to Figma MCP server - Design System foundation#2
charleschen04627 wants to merge 4 commits intodevfrom
feature/connect-to-figma-mcp-server

Conversation

@charleschen04627
Copy link
Copy Markdown
Contributor

Summary

This PR establishes the foundational Design System library with Figma MCP server integration support.

Changes included:

  • Scaffold: Vite + TypeScript library build setup
  • Design Tokens: Orbie design tokens (colors, typography, spacing, etc.)
  • Components: Button, Badge, Icon components with token-based styling
  • Storybook: Full Storybook configuration with CSF 3.0 stories and docs
  • Exports: Proper package entry points for library consumption
  • i18n: English translations for Storybook docs and UI
  • Docs: README, Getting Started MDX, and usage examples

Commits:

9441557 docs(badge): improve docs with grid and usage examples
39e7e70 chore(storybook): unify CSF3 stories and type-safe docs
11a8a20 chore: ignore .cursor and .vscode directories
2ae3f99 docs(i18n): translate Storybook docs and UI strings to English
8a68a8f feat(tokens,exports,storybook): sync tokens, exports and component stories
bb9d6c8 feat(components): add component implementations
9dcf7c1 docs: update README clone path
0c1bdf2 docs(storybook): add Badge and Foundations stories
61b9457 feat: export Badge, Icon, and icons from package entry
e524fe7 feat: add Badge component and Orbie badge tokens
c0075fd feat: add Icon component and Orbie icon map
2cfcccb chore(deps): add lucide-react and externalize for library build
5e8ccc4 docs: add English README for setup and builds
1d2dd55 feat: add Storybook stories and Getting Started MDX docs
2477fde feat: add Storybook configuration, theme, and preview
06d8579 feat: add design tokens and Button component
d9ce06d chore: scaffold package with Vite, TypeScript, and library build
1a9477d chore: add gitignore for Node and build outputs

- Replace Chinese copy in Getting Started MDX, foundation stories, and component stories.
- Update default aria-labels and related comments in Sidebar, Tabs, Breadcrumb, DatePicker, Pagination, Switch, and AlertDialog.
- Align Button and orbie icon map comments with English; clarify Vite config and Storybook manager theme comment.

Made-with: Cursor
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 30, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
sync-ai-design-system Ready Ready Preview, Comment Mar 30, 2026 3:18am

Request Review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant