inflearn logo

Thiết kế Claude dễ học ngay cả đối với người không chuyên ngành

Ngay cả khi không phải là người chuyên ngành hay nhà thiết kế, bạn vẫn sẽ được học cách tự tay tạo và chỉnh sửa UI web, bản đề xuất, cho đến hệ thống thiết kế (design system) bằng cách tận dụng Claude Design và Figma. Để có thể áp dụng ngay vào công việc thực tế, khóa học sẽ đi sâu vào thực hành từng bước: từ sự khác biệt giữa Claude Code và Claude Design, cách cài đặt, sử dụng plugin, tạo UI dựa trên thành phần (component), cho đến cách chỉnh sửa thiết kế và áp dụng vào các dịch vụ đang vận hành. Đây là khóa học giúp các nhà phát triển, nhà lập kế hoạch và chuyên viên marketing – những người từng thấy các công cụ thiết kế khó khăn – có thể trải nghiệm việc tạo ra thành phẩm nhanh chóng thông qua AI và quy trình làm việc dựa trên thành phần.

2 học viên đang tham gia khóa học này

Độ khó Nhập môn

Thời gian Không giới hạn

Figma
Figma
terminal
terminal
figma-plugin
figma-plugin
AI Agent
AI Agent
claude
claude
Figma
Figma
terminal
terminal
figma-plugin
figma-plugin
AI Agent
AI Agent
claude
claude

Bạn sẽ nhận được điều này sau khi học.

  • Nắm vững cách tự thiết kế và chỉnh sửa UI web/ứng dụng bằng cách sử dụng Claude Design và Figma ngay cả khi bạn không phải là nhà thiết kế.

  • Trải nghiệm thực hành thiết kế nhanh chóng bản đề xuất, trang đích (landing page) và giao diện web tương tác cùng với AI.

  • Hiểu quy trình làm việc giúp nâng cao năng suất thiết kế bằng cách sử dụng Claude Code và các plugin

  • Trải nghiệm phương thức cộng tác dựa trên AI giúp nhà phát triển, nhà lập kế hoạch và nhà tiếp thị cũng có thể trực tiếp tạo ra các sản phẩm thiết kế.

  • Học cách sử dụng Claude Design để nhanh chóng tạo và cải thiện các bản thảo UI cho dịch vụ đang vận hành.


Dành cho những người như thế này

Người không chuyên


Người khởi nghiệp một mình


Nhà thiết kế


Sau khi hoàn thành khóa học, bạn không chỉ đơn thuần học cách sử dụng các công cụ AI
mà còn hiểu được phương pháp làm việc mới về việc “làm thế nào để tạo ra và quản lý thiết kế một cách nhanh chóng”.

Bạn sẽ có thể trực tiếp tạo và chỉnh sửa giao diện Web UI, bản đề xuất, trang đích (landing page), màn hình tương tác, v.v. bằng cách sử dụng Claude Design và Figma,
đồng thời nắm vững cấu trúc hệ thống thiết kế và quy trình làm việc thực tế một cách tự nhiên.

Ngoài ra, ngay cả khi bạn không có kinh nghiệm thiết kế,

  • Cách để nhanh chóng trực quan hóa màn hình mong muốn

  • Cách yêu cầu AI thiết kế

  • Cách quản lý hiệu quả các dịch vụ đang vận hành


Bạn sẽ được trải nghiệm những nội dung này thông qua việc thực hành thực tế.


Hiểu nội dung bài giảng trong nháy mắt


Đặc điểm của bài giảng này

Học cách sử dụng kết hợp Claude Design và Claude Code để sản xuất và quản lý thiết kế một cách hiệu quả.


Áp dụng hệ thống thiết kế (design system) vào Claude Design

Sử dụng Claude Design để áp dụng hệ thống thiết kế và quản lý các sản phẩm thiết kế nhất quán.


Tự động tạo hệ thống thiết kế (design system) bằng cách sử dụng mã Claude

Sử dụng Figma và Claude Design để tự động tạo hệ thống thiết kế (design system), sau đó áp dụng vào Claude Design.

Bạn sẽ học được những nội dung này

Thiết kế bản đề xuất

Học cách sử dụng AI để tạo các bản đề xuất chuyên nghiệp một cách nhanh chóng và hiệu quả.
Bạn sẽ nắm vững quy trình lập kế hoạch cấu trúc nội dung, thiết kế slide, trực quan hóa dữ liệu cho đến xây dựng tài liệu thuyết trình để có thể áp dụng ngay vào công việc thực tế.

thiết kế slide

Thiết kế trang chi tiết

Học cách lập kế hoạch và thiết kế trang chi tiết sản phẩm để thu hút ánh nhìn của người dùng.
Trải nghiệm quy trình sản xuất trang chi tiết có thể ứng dụng vào marketing thực tế, từ phân tích sản phẩm, cấu trúc các phần cho đến thiết kế hình ảnh.


thiết kế trang chi tiết

Trang web danh mục đầu tư tương tác (Interactive Web Portfolio)

Tạo một danh mục hồ sơ năng lực (portfolio) web đầy lôi cuốn bằng cách sử dụng hiệu ứng cuộn và tương tác.
Bạn sẽ được học cách tạo bản thiết kế mẫu bằng AI và áp dụng các công nghệ web mới nhất để hoàn thiện một portfolio khác biệt.

thiết kế web portfolio

Trang web portfolio 3D

Sử dụng Three.js và các công cụ AI để tạo ra một trang web portfolio thế hệ mới bao gồm các đối tượng 3D và tương tác.
Bạn có thể hiện thực hóa một portfolio độc đáo của riêng mình thông qua việc sử dụng mô hình 3D, cấu hình hoạt ảnh và thiết kế trải nghiệm người dùng.

thiết kế web portfolio

Người tạo ra bài giảng này


Tôi đã thực hiện nhiều dự án thực tế và các chương trình đào tạo tập trung vào thiết kế web, phát triển front-end và hệ thống thiết kế, đồng thời tôi cũng thường xuyên chứng kiến nhiều người dễ dàng bỏ cuộc hoặc cảm thấy khó khăn trước lĩnh vực thiết kế.

Và gần đây, với sự xuất hiện của phương thức thiết kế dựa trên Claude,
tôi cảm thấy rằng chính cách thức giải quyết những vấn đề này đang hoàn toàn thay đổi.

Giờ đây, ngay cả khi không chuyên về thiết kế, bạn vẫn có thể cùng với
AI tạo ra màn hình, chỉnh sửa và nhanh chóng trực quan hóa các ý tưởng của mình.

  • Nhanh chóng tạo ra màn hình cho các ý tưởng dịch vụ và

  • có người tự mình trực tiếp soạn thảo bản đề xuất và

  • có người giảm bớt được thời gian cho các công việc thiết kế lặp đi lặp lại và

  • Có những người đã có thể kiểm chứng kết quả một cách nhanh chóng hơn.

Vì vậy, đây không phải là một bài giảng chỉ đơn thuần hướng dẫn cách sử dụng các công cụ AI,

Đây là khóa học được tạo ra nhằm giúp bất kỳ ai cũng có thể trực tiếp thể hiện ý tưởng của mình trong kỷ nguyên AI và
nhanh chóng biến chúng thành thành phẩm thực tế.


Đặc biệt, nội dung được xây dựng tập trung vào lý thuyết và thực hành để ngay cả những người chưa có kinh nghiệm thiết kế cũng có thể
bắt đầu một cách thoải mái

Thông qua bài giảng này, tôi hy vọng nhiều người hơn nữa sẽ không còn xem thiết kế chỉ là một lĩnh vực chuyên môn khó khăn,

Hy vọng bạn sẽ có được trải nghiệm tự mình tạo ra những ý tưởng của riêng mình!

Lưu ý trước khi học

Môi trường thực hành

  • Hệ điều hành và phiên bản (OS): Windows, macOS

  • Công cụ sử dụng: Tài khoản Claude (trả phí), tài khoản Figma (trả phí)


Tài liệu học tập

  • Figma Slides


Kiến thức tiên quyết và lưu ý

  • Không có kiến thức về thiết kế cũng không sao.

  • Nội dung được thiết kế để ngay cả những người mới bắt đầu lần đầu tiếp xúc với Figma và Claude Design cũng có thể dễ dàng theo kịp.

  • Nếu bạn quan tâm đến dịch vụ web/ứng dụng và UI, bạn sẽ thấy khóa học này thú vị hơn nữa.

  • Chỉ cần có khả năng sử dụng máy tính và internet cơ bản là đủ.

  • Claude và một số công cụ AI yêu cầu gói trả phí.

  • Thực hành có thể thực hiện trên cả môi trường Mac và Windows.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Các nhà phát triển, người lập kế hoạch, nhân viên marketing không phải là nhà thiết kế nhưng cần tự mình tạo ra màn hình web, ứng dụng hoặc bản đề xuất.

  • Người làm chuyên môn cảm thấy bế tắc khi ngay cả một chỉnh sửa thiết kế nhỏ cũng cần phải yêu cầu nhà thiết kế hoặc đơn vị thuê ngoài.

  • Nhà phát triển Frontend muốn nâng cao hiệu quả cộng tác giữa thiết kế và phát triển bằng cách tận dụng Figma và hệ thống thiết kế (Design System).

  • Những người làm việc trong startup và những nhà khởi nghiệp cá nhân cần nhanh chóng tạo bản thảo UI, trang landing page và bản đề xuất.

  • Các nhà thiết kế đang làm việc và các nhà thiết kế tương lai muốn nâng cao năng suất thiết kế bằng cách sử dụng AI

  • PM·Người lập kế hoạch dịch vụ muốn trực tiếp cải thiện hoặc thử nghiệm UI của dịch vụ đang vận hành

  • Những người không chuyên và người mới bắt đầu chưa thể bắt đầu vì cảm thấy các công cụ thiết kế quá khó khăn.

  • Các nhà phát triển và sáng tạo muốn kết nối Claude Code và Claude Design vào quy trình làm việc thực tế.

Cần biết trước khi bắt đầu?

  • Ngay cả khi bạn mới tiếp cận AI lần đầu, bạn vẫn có thể học được.

  • Bạn có thể học ngay cả khi không biết về thiết kế.

  • Bạn có thể học ngay cả khi không biết Figma.

  • Sử dụng mô hình trả phí của Claude trong lớp học (từ gói Pro trở lên)

Xin chào
Đây là kindtiger

Xác minh sự nghiệp

4,564

Học viên

251

Đánh giá

309

Trả lời

4.9

Xếp hạng

6

Các khóa học

 

Xin chào, tôi là thầy Beom, người luôn tìm thấy niềm vui trong thiết kế và phát triển để tạo ra các bài giảng 🙂 Mọi thắc mắc về việc giảng dạy online / offline vui lòng liên hệ qua seonbeom2@gmail.com 🙇‍♂

 

Thêm

Chương trình giảng dạy

Tất cả

24 bài giảng ∙ (3giờ 42phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Khóa học khác của kindtiger

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Ưu đãi có thời hạn

24.750 ₫

50%

1.044.314 ₫