Skip to main content
Nguyên tắc thiết kế cho phép bạn đặt các quy tắc cố định — màu sắc, kiểu chữ, khoảng cách, quy ước thành phần — mà Flowstep áp dụng cho mỗi lần tạo AI và chỉnh sửa trong tệp. Thay vì lặp lại “sử dụng chủ đề màu xanh của chúng ta” trong mỗi prompt, hãy viết nó một lần và AI sẽ tuân theo nó từ đó trở đi.

​
Chỉnh sửa nguyên tắc thiết kế của bạn

1

Mở cửa sổ nguyên tắc thiết kế

Trong tiêu đề bảng điều khiển trò chuyện, nhấp vào nút Edit design guidelines (Chỉnh sửa nguyên tắc thiết kế). Cửa sổ Design guidelines (Nguyên tắc thiết kế) sẽ mở ra với một trình soạn thảo văn bản DESIGN.md.
2

Viết hoặc nhập nguyên tắc của bạn

Nhập nguyên tắc của bạn trực tiếp hoặc kéo và thả tệp .md vào trình soạn thảo để nhập nó. Định dạng tuân theo tiêu chuẩn design.md mở của Google — YAML front matter tùy chọn (các khóa được công nhận: version, name, description, colors, typography, rounded, spacing, components) theo sau là các phần Markdown.
3

Lưu

Nhấp vào Save changes (Lưu thay đổi). Từ nay trở đi, mỗi lần tạo và chỉnh sửa trong tệp này sẽ sử dụng nguyên tắc của bạn làm bối cảnh bắt buộc.
Nguyên tắc chỉ áp dụng cho kết quả trong tương lai — các thiết kế hiện tại vẫn giữ nguyên như cũ. Chúng được giới hạn trong tệp hiện tại và không được chuyển sang các tệp khác.

​
Những điều tốt để biết

  • Giới hạn độ dài — nguyên tắc có thể dài tới 50.000 ký tự. Các tệp nhập vượt quá đó sẽ bị cắt ngắn.
  • Xác thực — lỗi cấu trúc (YAML front matter chưa đóng, tiêu đề phần ## trùng lặp) chặn việc lưu. Các vấn đề mềm hơn, như các khóa YAML không được công nhận hoặc các màu sắc không phải là mã hex hợp lệ, sẽ hiển thị cảnh báo nhưng vẫn lưu được.
  • Xuất — sử dụng các nút Copy raw file (Sao chép tệp thô) và Download (Tải xuống) trong cửa sổ để sao chép hoặc tải xuống DESIGN.md của bạn.
  • Xóa nguyên tắc — xóa trường văn bản và lưu để xóa nguyên tắc cho tệp đó.

​
Flowstep cập nhật nguyên tắc cho bạn

Khi bạn đưa ra hướng dẫn kiểu cố định trong một prompt — ví dụ: “từ nay trở đi, hãy sử dụng chủ đề màu xanh” — Flowstep sẽ phát hiện nó và tự động cập nhật nguyên tắc thiết kế của bạn, xác nhận trong trò chuyện: “Updated your design guidelines to use [style] for future generations.” (Đã cập nhật nguyên tắc thiết kế của bạn để sử dụng [kiểu] cho các lần tạo trong tương lai.) Các yêu cầu một lần như “make it blue” không thay đổi nguyên tắc; chúng chỉ ảnh hưởng đến lần tạo đó.

​
Nguyên tắc thiết kế qua MCP

Nếu bạn làm việc qua MCP server, các công cụ get-design-guidelines, update-design-guidelines và delete-design-guidelines sẽ đọc và ghi các nguyên tắc giống nhau — để quy trình công việc IDE của bạn và ứng dụng web luôn đồng bộ. Xem Tài liệu tham khảo công cụ.