Mình làm việc với AI agent hơn 1 năm, và câu hỏi mình gặp nhiều nhất là: đưa design system cho agent thì có làm đúng hơn không? Câu trả lời của mình là có, nhưng chỉ khi agent không phải đoán.
Bọn mình đang làm DESIGN:OS Studio, một Figma alternative chất lượng cao, MIỄN PHÍ, làm cho AI. Studio mở và lưu được file .fig, có Agents panel và MCP server để agent làm việc trực tiếp trên file đang mở. Giấy phép là PolyForm Shield (source-available). Bản mới nhất hiện là v0.7.5.
Ở bản v0.6.0 ra ngày 22/10, bọn mình dồn một đợt cho "AI design", và phần design system gồm:
- Ngay lượt đầu, agent nhận outline, biến, component và style của file đang mở.
- Agent tìm component, style và biến trong các thư viện, rồi nhận ví dụ dùng ngay được.
- Màu, viền, số và style được gắn vào biến thay vì điền giá trị cứng.
- Một bộ lint 27 luật bắt tràn, chồng lấn, chữ bị cắt và instance bị tách khỏi component gốc, kèm luật cho giá trị lệch thang spacing, bo góc, cỡ chữ và giá trị cứng trùng với token.
Ở phía plugin Figma, bọn mình dùng thật trên một dự án platform doanh nghiệp nhiều ứng dụng: file Figma có 28 trang, 292 component set và 2.096 component. Code giữ token gốc, biến trong Figma được đồng bộ theo code, và có bước kiểm tra lệch giữa canvas với code.
Nói cho công bằng: Studio chưa thay được Figma ở phần multiplayer thời gian thực với live cursor. Nếu quy trình của bạn cần cái đó thì Figma vẫn là lựa chọn đúng.
Mọi người đưa design system cho agent bằng cách nào: file token, tài liệu hay kết nối trực tiếp? Lỗi nào gặp nhiều nhất?
#DESIGNOS #FigmaAlternative #FreeDesignTool #AIDesign #DesignSystem
liked this
