Đăng ký ngayĐăng ký ngay

AI cho nhà thiết kế và kỹ sư

Khóa học giúp bạn tạo giao diện đẹp bằng AI mà vẫn giữ tiêu chuẩn chất lượng cao.

Ảnh đại diện của Emil
Giảng dạy bởi Emil Kowalski

Bạn có thể nhận ra một giao diện được tạo bằng AI.

Khoảng cách hơi lệch. Chuyển động thiếu tinh tế, hoặc xuất hiện quá nhiều. Mọi thứ trông như cùng một khuôn mẫu. Nó chạy được, nhưng chỉ đến thế.

Vì vậy, nhiều người rơi vào một trong hai cách làm: tránh dùng AI cho giao diện và tự làm mọi thứ, hoặc để AI làm hết rồi chấp nhận một sản phẩm trông đại trà.

Cả hai cách đều chưa ổn.

AI chỉ giỏi khi người hướng dẫn nó đủ giỏi

Người tạo ra kết quả tốt bằng AI không nhờ mô hình bí mật hay câu lệnh thần kỳ. Họ biết giao diện tốt trông như thế nào và biết cách dẫn AI tới đó.

Họ biết cách để AI làm theo gu của mình thay vì lựa chọn mặc định. Họ biết lúc nào nên giao việc, lúc nào cần trực tiếp xử lý; biết xem xét, kiểm thử và phát hiện những chi tiết AI làm sai.

Công việc từng mất một tuần nay có thể xong trong một ngày, và chất lượng không giảm mà còn tăng, vì bạn có thêm thời gian cho những việc thật sự quan trọng.

Đó là kỹ năng khóa học này truyền đạt.

“Ở đâu đó, kỹ thuật thiết kế bị đánh đồng với hiệu ứng và bản demo bóng bẩy. Thực ra, phần lớn công việc là biết nên bỏ điều gì. Emil hiểu điều đó. Khóa học của anh ấy dạy tạo giao diện xuất sắc bằng AI, thay vì chỉ tạo bản demo đẹp.”

Ảnh đại diện của shadcn
shadcnNgười tạo shadcn/ui

Bạn sẽ học gì

Khóa học hướng dẫn dùng AI để phát huy gu thẩm mỹ của bạn, thay vì thay thế nó. Bạn sẽ học:

Bạn cũng nhận được 28 kỹ năng tôi dùng hằng ngày, cùng , công cụ tôi tạo để kiểm tra chuyển động.

Xin chào, tôi là Emil

Tôi là kỹ sư thiết kế tại Linear, trước đó làm việc trong nhóm thiết kế của Vercel. Tôi cũng tạo ra Sonner và Vaul, hai thư viện React mã nguồn mở có hơn 80 triệu lượt tải mỗi tuần trên npm.

Sonner, thành phần thông báo cho React.
Vaul, thành phần ngăn kéo cho React.

Khóa học trước của tôi, animations.dev, đã có hơn 13.000 nhà thiết kế và kỹ sư từ OpenAI, Anthropic, Apple và Stripe tham gia. Nếu đã học, bạn sẽ biết chất lượng mình có thể mong đợi ở đây.

“Khóa học của Emil đơn giản mà đầy thú vị! Trong thế giới mà AI khiến việc tạo giao diện trở nên rất dễ dàng, anh ấy tập trung vào các nguyên tắc nền tảng để xây dựng giao diện thật sự xuất sắc.”

Ảnh đại diện của Pranathi Peri
Pranathi PeriNhà thiết kế, Anthropic

Khóa học bao gồm

Ngoài bài học, bạn nhận được mọi công cụ tôi dùng để xây dựng giao diện bằng AI.

28 kỹ năng UI giúp bạn tạo mẫu, đánh giá và xây dựng giao diện đẹp.

/prototype
/design-foundations
/typography
/color
/design-system-docs
/design-vocabulary
/ask-emil
/marketing-pages
/animations
/ui-polish
/performance
/mobile-native
/product-thinking
/surfaces
/component-design
/forms-and-inputs
/ui-review
/prep-for-prod
/unslop-design
/ask-lapse
/writing-skills
/get-creative
/build-a-tool
/borrow-a-brain
/engineering-vocabulary
/unslop-writing
/unslop-code
/touch-and-accessibility

Lapse, công cụ giúp bạn xem chậm, phân tích và đánh giá chuyển động.

Một cộng đồng Discord riêng để học hỏi cùng mọi người.

7
AI for UI

Một bộ thuật ngữ trực quan gồm 244 khái niệm giúp bạn diễn đạt chính xác điều muốn AI làm.

“Các kỹ năng /build-a-tool và /get-creative đã mở ra rất nhiều khả năng mới. Tôi đã tạo ứng dụng shader nhỏ, bộ công cụ tạo mẫu cho hệ thống thiết kế của công ty và vài thứ thú vị khác. Cảm ơn rất nhiều!”

Ảnh đại diện của Nick Galang
Nick GalangNhà thiết kế sản phẩm cấp cao, MetaDAO
Emil

Bắt đầu tạo giao diện đẹp bằng AI

Tham gia cùng 3.044 nhà thiết kế và kỹ sư đang học cách tạo giao diện đẹp bằng AI mà không hạ tiêu chuẩn chất lượng.

  • Các kỹ năng UI tôi sử dụng hằng ngày
  • Quy trình từ tạo mẫu đến phát hành
  • Bộ 244 thuật ngữ trực quan
  • Hoàn tiền bất cứ lúc nào
  • Lapse, công cụ đánh giá chuyển động
  • Cách kiểm thử ứng dụng đúng cách
  • Cập nhật miễn phí về sau
  • Cộng đồng Discord riêng

Đang mở quyền truy cập sớm

Nhận ngay 20 bài học đầu tiên, Lapse và trọn bộ 28 kỹ năng UI. Các bài còn lại sẽ được phát hành khi hoàn thành. Mọi bài học và công cụ mới đều được bổ sung miễn phí. Giá sẽ tăng khi khóa học hoàn thiện.

Đăng ký qua cộng tác viên đang mởĐăng ký · 7.726.907 ₫

Tài khoản nhận tiền qua cộng tác viên người Việt Nam; không phải thanh toán trên aiforui.dev.

Thanh toán một lần, sử dụng trọn đời.

Thư gửi quản lý

Được các nhà thiết kế và lập trình viên tại những công ty này tin dùng

Khóa học

Có. Điều quan trọng là biết hướng dẫn AI, không nhất thiết tự viết mã. Nếu bạn phân biệt được giao diện xuất sắc và giao diện tầm thường, bạn sẽ học cách khiến AI tạo ra giao diện tốt. Các phần kỹ thuật sẽ được giải thích trong quá trình học.
Có. Để AI viết mã chạy được là phần dễ; tạo giao diện có cảm giác đúng mới khó. Bạn sẽ học cách thiết lập AI để đạt tiêu chuẩn cao, đồng thời nhận 28 kỹ năng UI đã đúc kết sẵn các nguyên tắc thiết kế. Bạn càng quan tâm đến chất lượng giao diện, khóa học càng hữu ích.
Quy trình minh họa bằng Claude Code, nhưng những nguyên tắc cốt lõi như chuyển gu thẩm mỹ thành quy tắc, phân chia việc và đánh giá kết quả AI đều áp dụng cho các tác nhân lập trình khác. Nếu năm sau có công cụ tốt hơn, kiến thức này vẫn hữu ích.
Bạn được nhận các bản cập nhật miễn phí như với animations.dev. Khi công cụ thay đổi, nội dung sẽ được cập nhật. Khóa học cũng dạy nhiều nguyên tắc lâu bền, hữu ích với mọi mô hình AI.
Đây chính là đối tượng khóa học hướng tới. Nhiều người dùng AI hằng ngày nhưng vẫn chấp nhận kết quả mặc định. Khóa học giúp bạn cải thiện kết quả bằng cách thiết lập, quy tắc và quy trình phù hợp.
Không. Hai khóa học độc lập. animations.dev dạy cách tạo chuyển động đẹp, có hoặc không có AI. Khóa học này dạy cách hướng dẫn AI đạt chất lượng tương ứng khi bạn đã có kiến thức chuyên môn. Chúng bổ trợ nhau nhưng không bắt buộc học theo thứ tự.
Bạn tự học theo tốc độ của mình, không có buổi học trực tiếp hay hạn hoàn thành. Bài học ở dạng văn bản với ví dụ tương tác ngay trong trình duyệt. Video sẽ được bổ sung sau.
Ngay khi tham gia, bạn nhận 20 bài đầu, Lapse và toàn bộ 28 kỹ năng UI. Tôi sẽ gửi email khi có bài mới. Mọi nội dung bổ sung đều miễn phí, nên cuối cùng bạn nhận được cùng khóa học như người đăng ký sau khi hoàn thiện.

Thanh toán

Nếu không hài lòng vì bất kỳ lý do gì, bạn có thể yêu cầu hoàn tiền bất cứ lúc nào bằng cách gửi email tới e@emilkowal.ski.
Không. Bạn chỉ thanh toán một lần và nhận mọi nội dung mới miễn phí.
Có. Sau khi mua, bạn sẽ nhận email chứa liên kết tạo hóa đơn theo thông tin của mình.
Có. Nếu quốc gia của bạn đủ điều kiện giảm giá, mã sẽ xuất hiện bên dưới thẻ mua khóa học. Khi dùng mã giảm giá khu vực, bạn chỉ có thể truy cập từ quốc gia đã mua.
Có. Hãy xem trang giấy phép nhóm. Nhóm từ 5 người được giảm giá. Sau khi mua, bạn nhận mã để các thành viên kích hoạt chỗ học.

Trợ giúp

Hãy gửi email cho tôi tại e@emilkowal.ski.
AI cho nhà thiết kế và kỹ sư