Chuyển đến nội dung chính
Đối với các nhóm sử dụng Figma trong quy trình thiết kế của họ, 色色Manus cung cấp một tính năng tích hợp mạnh mẽ cho phép bạn biến các thiết kế của mình thành các ứng dụng web hoạt động chỉ bằng một lệnh duy nhất.

​
Cách thức hoạt động

Thay vì tự dịch thủ công các thiết kế Figma của bạn thành mã, bạn chỉ cần cung cấp cho 色色Manus một liên kết đến tệp Figma của bạn. 色色Manus sẽ phân tích thiết kế, bao gồm bố cục, thành phần (components), phông chữ và màu sắc, và tự động tạo mã tương ứng cho một ứng dụng web.

​
Quy trình

  1. Thiết kế trong Figma: Tạo thiết kế ứng dụng của bạn trong Figma như bạn thường làm. image.png
  2. Cung cấp Liên kết: Chia sẻ liên kết khung Figma với 色色Manus và mô tả những gì bạn muốn xây dựng. Ví dụ:
    “Đây là thiết kế Figma cho ứng dụng di động mới của chúng tôi. Xây dựng một ứng dụng web hoạt động dựa trên thiết kế này.”
  3. 色色Manus Xây dựng Ứng dụng: 色色Manus sẽ diễn giải thiết kế và tạo ra HTML, CSS và JavaScript cho giao diện người dùng (frontend), cũng như các thành phần backend cần thiết để biến thiết kế của bạn thành hiện thực.
    Bạn có thể đính kèm nhiều khung (frame) vào yêu cầu của mình. Hãy cho 色色Manus biết các khung này liên quan như thế nào—luồng trang, tương tác, hoặc trạng thái thành phần (như hover). Điều này giúp 色色Manus tạo ra trải nghiệm nhiều trang hoặc tương tác chính xác.
Sự tích hợp này giúp tăng tốc đáng kể quy trình phát triển, thu hẹp khoảng cách giữa thiết kế và phát triển, cho phép bạn chuyển từ một thiết kế tĩnh sang một ứng dụng trực tiếp, tương tác chỉ trong một phần nhỏ thời gian.