DesignTokens

Design

Sinh & đồng bộ design token từ Figma sang code

Miễn phí·Desktop·Đăng 3 tuần trước
129

Giới thiệu

DesignTokens đọc Figma, sinh token chuẩn và tạo PR đồng bộ vào codebase qua Claude Code.

Vấn đề nó giải quyết

Token thiết kế lệch giữa Figma và code, dev và designer nói khác ngôn ngữ.

Tính năng chính

  • Trích token màu/khoảng cách/typography
  • Sinh biến CSS & TS
  • Tạo PR đồng bộ tự động
  • Cảnh báo token lệch

Phù hợp với ai

Dành cho designer, marketer và founder cần dựng nhanh bản thảo hình ảnh/giao diện có gu mà không phải chờ cả quy trình.

Công nghệ đằng sau

  • Claude Code — chạy tác vụ lập trình trong terminal/IDE, hiểu ngữ cảnh cả dự án.
  • Artifacts — dựng và chỉnh giao diện/tài liệu trực tiếp trong khung Artifacts.

Có trên Desktop · Mô hình giá: Miễn phí.

Bình luận (0)

Khách
Bạn cần để bình luận

Chưa có bình luận. Hãy là người đầu tiên chia sẻ.

Sản phẩm liên quan

Xem thêm Design →
Cùng danh mụcDesign
SlideCraftTừ dàn ý thành bộ slide đẹp trong một câu lệnh356PitchDeck ProDựng pitch deck gọi vốn theo khung nhà đầu tư188BrandKit AISinh hệ thống nhận diện thương hiệu nhất quán177PortfolioGenDựng portfolio cá nhân đẹp chỉ từ CV171
Cùng công nghệClaude Code
CodeReview CIBot review pull request tự động, comment thẳng lên GitHub401APICraftMô tả API bằng lời, nhận code + test + docs241SiteWeaverMô tả landing page, nhận trang chạy được ngay215RefactorBotTái cấu trúc code lớn an toàn, từng bước có test212
Cùng makerTạ Ngọc Hân
BrandKit AISinh hệ thống nhận diện thương hiệu nhất quán177ArtDirectorChỉ đạo nghệ thuật: mô tả cảnh, nhận prompt hình ảnh131