FIGMASCOPE · VIẾT
Ghi chú về hạ tầng ngữ cảnh.
Bài viết kỹ thuật về các gói ngữ cảnh có cấu trúc cho coding agents — có gì trong gói, tại sao pixel không đủ, cách các artifact ánh xạ vào các quy trình codegen thực tế và cách figmascope so sánh với plugins, MCP servers và Dev Mode.
Quy trình làm việc
-
2026-05-11Từng bước: xuất từ figmascope, giải nén vào Cursor, nhắc agent. Lệnh CLI thực tế, .cursorrules thực tế.
-
2026-05-11Kết nối gói ngữ cảnh vào Claude Code. Tạo code Figma-to-code có thể tái tạo qua các phiên.
-
2026-05-11Kiến trúc, chỉnh sửa, tái cấu trúc với ngữ cảnh Figma có cấu trúc. Quy trình diff của Aider + codegen nhận biết token.
-
2026-05-11Cách IR ánh xạ tới các primitives Compose. Ví dụ thực tế: màn hình home từ JSON đến Composable.
-
2026-05-11tokens.json → tailwind.config.js. Codegen React nhận biết token, tất định, do agent điều khiển.
Giải phẫu gói
-
2026-05-11Cách figmascope cấu trúc CONTEXT.md như một thông số kiểu compiler. Ràng buộc chặt chẽ, ghi chú phạm vi, ví dụ đã làm.
-
2026-05-11Bên trong tokens.json: spacing, radius, màu sắc, typography. Định dạng theo phong cách W3C, fallback suy luận theo tần suất.
-
2026-05-11Bốn loại. Cách figmascope chuẩn hóa bố cục Figma thành IR được đánh máy, bảo toàn không gian.
-
2026-05-11Tại sao danh tính component quan trọng với AI codegen. Liên kết INSTANCE, giới hạn 300 mục, an toàn tái cấu trúc.
-
2026-05-11Khóa ký pháp dấu chấm, xử lý va chạm, đầu ra sẵn sàng i18n, phiên âm Cyrillic.
So sánh
-
2026-05-11Kiểm tra plugin hay gói di động? Mỗi cái phù hợp ở đâu.
-
2026-05-11Kết nối server hay file thông thường? Sự đánh đổi kiến trúc.
-
2026-05-11Code được tạo hay ngữ cảnh có cấu trúc? Sự đánh đổi được giải thích.
-
2026-05-11CMS trực quan hay ngữ cảnh code? Các công việc khác nhau.
-
2026-05-11Runtime plugin hay xuất trình duyệt? Tại sao sự phân biệt quan trọng.
Chiến lược & bài luận
-
2026-05-11Ảnh chụp màn hình mất đi hệ thống phân cấp, ngữ nghĩa, hệ thống spacing, mối quan hệ token và danh tính component.
-
2026-05-11Sự chuyển đổi danh mục: từ handoff dựa trên pixel sang ngữ cảnh có cấu trúc cho AI agents.
-
2026-05-11Tại sao design handoff cần tất định. Cách các gói ngữ cảnh làm cho codegen có thể tái tạo.
-
2026-05-11Tại sao Variables quan trọng, figmascope làm gì khi tệp không có chúng.
-
2026-05-11Cách figmascope giữ token Figma của bạn chỉ trong bộ nhớ — không backend, không lưu trữ.
Trường hợp sử dụng
-
landingXuất ngữ cảnh thiết kế cho Cursor AI.
-
landingNgữ cảnh thiết kế có cấu trúc cho CLI của Anthropic.
-
landingTừ Figma Variables sang tokens.json.
-
landingNgữ cảnh có cấu trúc cho AI agents, không phải UI plugin.
-
landingQuy trình hiện đại với ngữ cảnh có cấu trúc.
Xuất Ngữ cảnh Agent →
Dán URL Figma của bạn, nhận gói ngữ cảnh có cấu trúc. Chạy trong trình duyệt.