Sử dụng Grok Bot: Tạo ảnh khảm (photomosaic) trong Figma

Bạn có thể đã thấy một số bức ảnh ghép ba khung trên dòng thời gian của mình. Đây là cách bạn có thể tạo chúng với @bot trong @figma.

https://x.com/kazarov_d/status/2094470313862136145

Bất kỳ nhà thiết kế nào cũng biết cách tạo một bức ảnh ghép, nhưng nó khá là phiền phức.

https://x.com/studiobakers/status/2095077637639262295

Vì vậy, chúng ta nên tự hỏi "làm thế nào tôi có thể sử dụng AI để giảm bớt 90% sự phiền phức này, để tôi có thể tập trung vào những phần sáng tạo thú vị của thiết kế"

Grok Bot có thể làm chính xác điều đó.

Nếu bạn không quan tâm đến "cách thực hiện" và chỉ muốn một mẫu @bot, bạn có thể tìm thấy một mẫu tại đây: https://x.ai/bot/dYpPe1PCZv2WJDVTYDwhc

Nếu không, đây là cách tôi đã xây dựng bot của mình:

Xây dựng ảnh ghép

Cách tiếp cận chung của tôi với Grok Bot là: phân tích cách bạn tự tạo tài sản, sau đó yêu cầu @Bot làm chính xác điều tương tự.

Trong trường hợp này, quy trình làm việc là một thiết kế trong Figma.

https://x.com/justinsunyt/status/2096635033603756354

Đây chỉ là một khung vẽ với một tài sản chính, được chia thành các thành phần và phân tách trên ba bảng. Chúng ta có thể phân tích ngược tỷ lệ khung hình bằng cách xem các bài đăng hiện có trên X.

Tôi đã yêu cầu Bot làm chính xác điều này - đây là lời nhắc đầu tiên được tối ưu hóa của tôi.

Thay thế Cursor Gothic, [link to image] và [insert file] bằng tài sản của bạn.

1Phân tích ngược định dạng đăng bài này - đó là một ảnh ghép ba hình ảnh ghép lại thành một ảnh chụp màn hình rộng trên một nền chung.
2
3https://x.com/kazarov_d/status/2094470313862136145
4https://x.com/studiobakers/status/2095077637639262295
5
6- Kéo từng bảng ở độ phân giải đầy đủ và lấy tỷ lệ khung hình.
7
8- Cắt ba bảng xuất (trái / giữa / phải)
9
10- Tạo một thiết kế mới trong tệp đính kèm [insert file] - giữ nó trong một phần
11
12- Nền mới trên cả ba bảng [link to image] - sử dụng tài sản này, không phải nền của bài đăng tham khảo
13
14- Tài sản chính: ảnh chụp màn hình của cursor.com trên màn hình 4K mô phỏng (2× DPR). Phóng to trang để UI/chữ có thể đọc được từ xa. Xác nhận ảnh chụp thực sự là trang đích (thanh điều hướng + tiêu đề)
15
16- Đổ bóng trung tâm + bo góc thực tế trên cửa sổ. Các góc trên cùng của trang web cần một lớp cắt/mặt nạ nếu không chúng sẽ trông vuông vức
17
18- Giao diện Arc: vỏ Cursor ink tối, đèn giao thông màu, URL trung tâm bằng Cursor Gothic. Thanh tiêu đề + văn bản URL nên ôm sát chiều cao. Căn lề đều L/R/B xung quanh trang
19
20- Sắp xếp trong Figma với các thành phần để một lần dán cập nhật mọi bảng - Nền, Tài sản chính (Arc), Master, cộng ba clip xuất của Master
21
22Công việc của bạn hoàn thành khi chỉnh sửa nền hoặc tài sản chính một lần sẽ cập nhật master và cả ba bản xuất.

Sau khi gửi lời nhắc, hãy kiểm tra bot của bạn vài phút một lần - nếu mọi thứ đang đi sai hướng, hãy hỏi tại sao.

Có thể bot không sử dụng autolayout đúng cách. Có thể phần đệm bị lệch. Có thể bán kính viền cần điều chỉnh.

Thực hiện thay đổi, ghi chú lý do tại sao cần thay đổi, sau đó tích hợp những điều đó vào lời nhắc tiếp theo của bạn.

Xem bot của tôi hoạt động

Một vài điểm tổng quan:

• Tôi đang sử dụng ngôn ngữ chính xác. Lưu ý cách tôi gọi nó là "ảnh ghép" chứ không phải "một bức ảnh trong một bức ảnh như ba thứ trên một thứ"
• Tôi không biết ảnh ghép là gì, nhưng tôi đã hỏi Grok "thuật ngữ cho một bộ sưu tập ba hình ảnh được ghép lại để tạo thành một hình ảnh lớn hơn là gì"
• Mỗi lời nhắc nên bắt đầu từ tư duy của người mới bắt đầu - làm thế nào để tôi học mọi thứ cần thiết để làm điều này tốt?
• Lần thử đầu tiên của tôi không hoàn hảo. Tôi đã quay lại lời nhắc trên bằng cách hỏi Grok Bot "hãy cho tôi biết bạn cần gì ngay từ đầu để làm đúng ngay lần đầu tiên"
• Luôn tự hỏi, "làm thế nào tôi có thể nhân rộng quy trình làm việc này hoặc đảm bảo AI có thể làm mọi thứ vào lần sau?" Đây là điều @poteto thực sự nhấn mạnh.
• Tôi không sử dụng một bot chuyên dụng cho việc này - chỉ là một bot chung kết nối với Figma. Đối với một lần, điều đó ổn, nhưng đối với các tác vụ lặp lại, tôi có thể sẽ tạo một bot chuyên biệt.

Grok Bot không chỉ là về việc sử dụng AI hiệu quả - mà còn là về cách sử dụng máy tính hiệu quả.

Điều đó có nghĩa là tư duy nguyên tắc cơ bản, giao tiếp hiệu quả và kiên nhẫn. Sử dụng Grok Bot chủ yếu là về giải quyết vấn đề.

Tài sản hoàn chỉnh

Thêm vào đó, tôi hiện có một tài sản bền vững mà tôi có thể tái sử dụng - như tôi đã làm trong bài đăng này:

Tái sử dụng tài sản của tôi cho một bài đăng công bố iPad

Nếu không hiểu định dạng này, tôi đã không thể tạo bài đăng công bố iPad một cách kịp thời.

Vai trò của người sáng tạo là khơi gợi cảm xúc.

Grok Bot cho phép tôi tập trung vào việc lựa chọn tài sản và hình ảnh, trong khi nó xử lý mọi thứ khác.

Câu hỏi phổ biến nhất tôi nhận được là "làm thế nào tôi có thể sử dụng Grok Bot" - đây là một cách để sử dụng nó cho thiết kế.