Figma MCP × AI x Vibe Coding Portfolio web responsive hoàn thành chỉ trong 4 giờ

Khóa học full-stack trọn gói từ thiết kế Figma + lập trình ứng dụng AI + triển khai!! [Figma + vibe coding (HTML/CSS/Tailwind/React) + Git + triển khai vercel] Giữ nguyên thiết kế của tôi!! Hoàn thiện bằng vibe coding, không sai lệch dù chỉ 1 pixel! Cẩm nang chinh phục full-stack giúp nâng cao năng suất thực tế lên 5 lần nhờ ứng dụng AI! Bạn cũng có thể trở thành một nhà thiết kế full-stack, người có thể làm cả thiết kế lẫn lập trình. ✅ Hiện thực hóa đúng ý đồ trong thiết kế của mình, không sai lệch dù chỉ một pixel ✅ Thiết kế giao diện để AI có thể hiểu ✅ Năng lực tạo prompt để kiểm soát AI chính xác ✅ Khả năng chỉnh sửa thành thạo những đoạn code do AI tự ý viết Cảm nhận trải nghiệm đáng kinh ngạc khi rút ngắn thời gian từ thiết kế đến lập trình và triển khai xuống còn 1/5.

(4.8) 26 đánh giá

330 học viên

Độ khó Cơ bản

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

HTML/CSS
HTML/CSS
Figma
Figma
Portfolio
Portfolio
AI
AI
Vibe Coding
Vibe Coding
HTML/CSS
HTML/CSS
Figma
Figma
Portfolio
Portfolio
AI
AI
Vibe Coding
Vibe Coding

Đánh giá từ những học viên đầu tiên

4.8

5.0

blake choi

100% đã tham gia

Thật lòng thì dạo gần đây, mỗi khi có AI mới ra mắt, mình lại cảm thấy lo lắng mơ hồ rằng liệu sau này công việc của mình có biến mất không ㅜ Vì ghét cảm giác bản thân trở nên nhỏ bé trước những dòng code nên mình đã quyết định đăng ký khóa học của thầy J-young. Thông thường khi tìm hiểu về MCP, đa số chỉ dừng lại ở việc giải thích các tính năng của công cụ, nhưng khóa học này mang lại cảm giác thực chiến thực sự nên mình rất thích. Quá trình sử dụng Design Token và chuyển giao sao cho Cursor có thể hiểu được bản thân nó đã rất thú vị rồi. Vừa "tiki-taka" với AI vừa nhìn thấy sản phẩm của mình được hiện thực hóa trên web, mình đã học được chính xác "Vibe Coding" là gì. Đặc biệt, mình thực sự cảm động với tài liệu được thầy sắp xếp tỉ mỉ trên Notion, những phần bị lỡ khi xem video mình đều có thể giải quyết được khi làm theo Notion. Nếu thầy mở khóa học tiếp theo, nhất định mình sẽ đăng ký học!! Cảm ơn thầy rất nhiều ạ!!

5.0

자니?

89% đã tham gia

Tôi thực sự đã tận hưởng và học được rất nhiều từ bài giảng này. Đây đúng là bài giảng tuyệt vời nhất của Vibe Coding. Việc kết nối MCP để Cursor tự động tạo ra đến 90% nội dung đúng là một thế giới mới, trước đây tôi luôn cảm thấy bế tắc khi lập trình... nhưng việc tận dụng công cụ dành cho nhà phát triển để chỉnh sửa thực sự khiến tôi rất cảm động. Dù việc chỉnh sửa từng chút một có hơi nhàm chán, nhưng sau khi xem hết bài giảng, tôi cảm thấy vô cùng tự tin rằng mình có thể chỉnh sửa bất kỳ cấu trúc nào. Cảm ơn bạn vì bài giảng tuyệt vời này. Tốc độ làm việc thực tế chắc chắn sẽ tăng lên gấp đôi luôn~ Luôn cảm ơn bạn vì những bài giảng chất lượng nhé~

5.0

hylimhy65

100% đã tham gia

Là một người có thể sử dụng Figma và lập trình ở mức độ cơ bản, khóa học này đã giúp ích cho tôi rất nhiều trong việc nâng cao kỹ năng. Tôi cảm thấy những phần khó hiểu và rắc rối khi thiết kế bố cục bấy lâu nay đã được giải đáp một cách cực kỳ thỏa đáng. Trên hết, việc kết nối MPC để hiện thực hóa chính xác thiết kế ban đầu thực sự rất thú vị. Tôi có cảm giác rằng tốc độ làm việc của mình chắc chắn sẽ nhanh hơn gấp hai, ba lần. Ngoài ra, việc sử dụng công cụ dành cho nhà phát triển (Developer Tools) để dễ dàng chỉnh sửa những kết quả mà AI tự tạo ra cũng để lại ấn tượng rất mạnh mẽ với tôi. Thông qua khóa học này, tôi đã tự tin rằng mình có thể hoàn thành các trang web responsive (tương thích đa thiết bị) một cách thực sự nhanh chóng. Tôi xin chân thành cảm ơn giảng viên đã tạo ra một khóa học tuyệt vời như thế này.

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

  • Đúng theo thiết kế của tôi! Ứng dụng AI để hiện thực hóa chính xác đến từng pixel.

  • Hiểu và triển khai hoàn hảo Figma Auto Layout

  • Hiểu và triển khai thiết kế web đáp ứng bằng Figma

  • Học cách đăng ký và áp dụng Figma Variables

  • Hiểu và triển khai hoàn hảo cấu trúc bố cục HTML/CSS cũng như web responsive

  • Nắm vững hoàn toàn cách sử dụng Công cụ dành cho nhà phát triển

  • Prompt vibe coding chiến lược để kiểm soát AI một cách hoàn hảo bằng cách tận dụng AI

  • Học cách chỉnh sửa cả những sản phẩm do AI tự ý viết mã.

  • Tìm hiểu và triển khai cách tạo GSAP ScrollTrigger

  • Dễ dàng triển khai thiết kế web responsive bằng TailwindCSS

  • Hiểu các khái niệm và cấu trúc cơ bản thông qua việc tái cấu trúc React

  • Trải nghiệm toàn bộ quy trình xây dựng portfolio web: Thiết kế → Lập trình vibe → Quản lý phiên bản Git → Triển khai trên Vercel

Figma MCP × AI x Vibe Coding
Đúng nguyên thiết kế của tôi! Portfolio full-stack được triển khai chính xác đến từng pixel


📢 Giới thiệu khóa học

Giảng viên có 25 năm kinh nghiệm thực tế và giảng dạy hướng dẫn!

Nhà thiết kế full-stack nâng cao năng suất gấp 5 lần bằng AI, từ thiết kế đến lập trình



🎯 Bạn đã từng trăn trở về những điều này chưa?

☑ Bạn thiết kế được, nhưng cứ nghĩ đến việc lập trình là lại mất tự tin?

☑ Bạn có thất vọng với sản phẩm do AI tự ý tạo ra chỉ sau khi nhập vài dòng prompt không?

☑ Bạn có muốn hiện thực hóa thiết kế của mình thông qua việc ứng dụng AI mà không sai lệch dù chỉ 1 pixel không?

☑ Bạn có muốn hiểu đúng toàn bộ quy trình từ thiết kế → phát triển frontend → triển khai không?

☑ Bạn có mơ ước trở thành một nhà sáng tạo độc lập (doanh nhân một người) có thể đảm nhận cả thiết kế lẫn phát triển không?

☑ Bạn có muốn tự mình tạo ra những website hợp xu hướng nhờ AI không?


💡 Vậy thì khóa học này chính là câu trả lời.

☑ Từ khâu thiết kế
☑ phát triển bằng AI,
☑ cho đến triển khai thực tế

👌Tất cả những bí quyết cốt lõi có thể áp dụng ngay trong công việc thực tế đều được gói gọn trong khóa học này.

1️⃣ Quy trình cốt lõi được đề cập trong khóa học này


💎 Thiết kế chiến lược dựa trên Figma

Thiết kế cấu trúc thiết kế để AI có thể hiểu chính xác.

  • Auto Layout
    Thiết kế cấu trúc hộp phản hồi linh hoạt, thích ứng với mọi độ phân giải

  • Hệ thống hóa Variables
    Thiết lập màu sắc, khoảng cách và các giá trị theo hệ thống để AI có thể ngay lập tức chuyển đổi ý đồ thiết kế thành mã.

  • Chiến lược đặt tên layer
    Quy tắc đặt tên hiệu quả giúp AI nhanh chóng nắm bắt cấu trúc mã nguồn

  • Trích xuất Tokens.json
    Thiết kế dựa trên token kết nối hệ thống thiết kế với mã nguồn


💎 Lập trình Vibe

Học kỹ thuật dẫn dắt AI để chuyển thiết kế của tôi thành mã 100% y nguyên như bản thiết kế.

  • Tích hợp Cursor, Antigrvity, Claude, Codex AI & MCP Server

  • Chiến lược Prompt Engineering

  • Phương pháp triển khai chính xác đến từng pixel

  • Kỹ thuật triển khai UI tương tác

👌Tìm hiểu cách sử dụng AI như một đối tác phát triển cùng làm việc, thay vì chỉ là công cụ tự động hóa.


💎Quy trình trọn gói từ thiết kế → phát triển → triển khai

  • Thiết kế portfolio bằng Figma

  • Triển khai HTML/CSS bằng AI

  • Tái cấu trúc responsive bằng Tailwind

  • Xây dựng website tương tác dựa trên React

  • Quản lý phiên bản Git & GitHub

  • Vercel을 통한 실제 서비스 배포

👌Trải nghiệm toàn bộ quy trình như một quy trình làm việc thực tế.


2️⃣ Những năng lực cốt lõi bạn có thể đạt được qua khóa học này


🚀 Năng lực thiết kế mà AI có thể hiểu

  • Năng lực thiết kế layer có cấu trúc

  • Tư duy thiết kế dựa trên hệ thống

  • Năng lực thiết kế thân thiện với AI


🚀 Năng lực phát triển giúp kiểm soát AI

  • Khả năng phân tích và chỉnh sửa mã do AI viết bLỗi.

  • Kỹ năng thiết kế prompt

  • Khả năng triển khai chính xác, duy trì ý đồ thiết kế


🚀 năng lực triển khai giao diện thực tế

  • Hiểu cấu trúc HTML / CSS

  • Năng lực triển khai responsive dựa trên Tailwind

  • Khả năng hiểu và áp dụng cấu trúc React


🚀 Kinh nghiệm thực tế hoàn thiện sản phẩm đến khâu triển khai

  • Quản lý phiên bản bằng Git

  • Vận hành kho lưu trữ GitHub

  • Trải nghiệm triển khai dịch vụ thực tế thông qua Vercel

  • Hoàn thiện portfolio mà bất kỳ ai trên thế giới cũng có thể truy cập

🎯Khóa học này phù hợp với những người sau đây:

Dành cho những nhà thiết kế
muốn hiện thực hóa thiết kế của mình đúng như bản gốc
bằng Vibe Coding
Những người có thể thiết kế nhưng
từng từ bỏ việc tạo website vì gặp khó khăn khi viết code

Muốn tăng năng suất công việc lên 5 lần nhờ AI

Những người muốn sử dụng AI làm trợ lý
và nhanh chóng
thiết kế, phát triển, triển khai
website

Từ thiết kế đến triển khai
những người muốn trở thành chuyên gia full-stack có thể làm mọi thứ
những người muốn trở thành
chuyên gia với năng suất vượt trội
và thành công trong việc tìm việc, chuyển việc nhờ tạo ra portfolio tương tác chất lượng cao

🎁Sau khi hoàn thành khóa học

 ☑ 'Năng lực cạnh tranh vượt trội' bao quát cả thiết kế và phát triển
       Từ "người chỉ biết thiết kế" trở thành "chuyên gia có thể đảm nhiệm cả thiết kế và lập trình".
       Trở thành nhân tài số một được các doanh nghiệp khao khát nhất trên thị trường tuyển dụng và chuyển việc.

☑ Thành thạo ‘quy trình làm việc với AI’ giúp tốc độ làm việc nhanh hơn 5 lần
Sử dụng AI như một trợ lý để triển khai các tính năng phức tạp trong thời gian ngắn, từ đó tập trung vào những công việc có giá trị hơn như lập kế hoạch và thiết kế.

☑ Sở hữu 'portfolio full-stack chất lượng cao' của riêng mình
Không chỉ sở hữu một portfolio sống động đã hoàn thiện từ thiết kế Figma, phát triển React đến triển khai web thực tế, mà còn
nắm vững các phương pháp ứng dụng vào việc tạo sản phẩm.

☑ Biến toàn bộ quy trình sản xuất hợp tác với AI (Process) thành tài sản
     Đây không chỉ đơn thuần là một sản phẩm hoàn thiện. Từ ý tưởng đến thiết kế trên Figma, rồi thông qua quá trình viết code bằng AI và triển khai,
    bạn có thể biến toàn bộ quy trình làm việc thành một câu chuyện nổi bật trong portfolio.

📚 Bạn sẽ học những nội dung như thế này.

  • [Figma] Đăng ký và áp dụng biến

  • Kết nối Cursor AI với máy chủ MCP của Figma

  • [Vibe Coding ] Thiết kế chế độ Desktop
    - Hoàn thiện trang tĩnh html/css
    - Triển khai Animation bằng cách sử dụng ScrollTrigger
    - Kết nối component tương ứng với gnbMenu


  • [Vibe Coding]Thiết kế chế độ máy tính bảng

  • [Ghi chép Notion] Prompt mà AI có thể hiểu

  • Quản lý phiên bản Git và triển khai lên Github & triển khai lên vercel

  • Tạo website di động bằng Claude + Anitigravity MCP và Vibe Coding

  • Tạo website di động bằng Claude + Codex MCP - Vibe Coding


👤Khóa học này được tạo bởi

  • Giảng viên có 25 năm kinh nghiệm thực tiễn và giảng dạy


  • Là UI/UX designer, product designer và designer biết lập trình, hơn 500 người đã tìm được việc!

  • Tỷ lệ việc làm năm 2025 là 92%, tỷ lệ việc làm hiện tại năm 2026 là 95%

  • Hơn 10.000 học viên trực tuyến và trực tiếp!

  • Vận hành kênh YouTube “Nhà thiết kế lập trình” và “Jalnanwebdi”

  • Hiện tại) Giảng viên bootcamp Lập kế hoạch UI/UX, Thiết kế & Front-end (Học viện DX Izen - cơ sở Gangnam)

  • Hiện là lớp học nhóm về lập kế hoạch UI/UX + thiết kế & + lập trình => xây dựng portfolio

⚠️Lưu ý trước khi tham gia khóa học

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

  • Khóa học này sử dụng Figma, Cursor và Antigravity.

  • Nội dung bài giảng và mã nguồn được cung cấp trên Notion.

Kiến thức cần có và lưu ý

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

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

  • Những người có thể thiết kế nhưng bị cản trở bởi việc lập trình, khiến portfolio bị đình trệ

  • Những ai từng cảm thấy bức bối vì kết quả không được như ý dù đã thử dùng AI

  • Dành cho những ai muốn hiện thực hóa 100% sản phẩm đúng theo ý định của mình thông qua prompt AI

  • Dành cho những ai mơ ước trở thành chuyên gia full-stack có thể tự mình đảm nhận mọi việc từ thiết kế đến triển khai một cách thành thạo.

  • Trở thành một nhà phát triển sở hữu cả năng lực thiết kế + lập trình, đồng thời là một nhà thiết kế full-stack

  • Dành cho những ai muốn tăng năng suất công việc lên 5 lần nhờ AI

  • Dành cho những ai đang rất cần một portfolio tương tác chất lượng cao để xin việc hoặc chuyển việc

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

  • Cung cấp khóa học miễn phí mà ngay cả người mới hoàn toàn với Figma cũng có thể thử sức

  • Cung cấp khóa học miễn phí mà ngay cả người hoàn toàn mới bắt đầu với HTML/CSS cũng có thể thử sức.

Xin chào
Đây là jyoung

Xác minh Inflearn

Xác minh sự nghiệp

10,849

Học viên

470

Đánh giá

247

Trả lời

4.8

Xếp hạng

15

Các khóa học

Xin chào.

Tôi là J.Young, Giám đốc thiết kế Full-stack UIUX ứng dụng AI.

Tôi đã có hơn 20 năm kinh nghiệm thực tế trong việc lập kế hoạch, thiết kế và phát triển dịch vụ Web/App,
hiện tại tôi đang hoạt động với tư cách là giảng viên Bootcamp về Lập kế hoạch Web UIUX · Thiết kế · Front-end.

Dựa trên kinh nghiệm thực tế, tôi đã giúp hơn 500 học viên tìm được việc làm trong lĩnh vực thiết kế và IT, và hiện tại tôi vẫn đang tập trung vào giáo dục năng lực thực tiễn và phương pháp tạo portfolio mới phù hợp với thời đại AI.



Triết lý giảng dạy của tôi là!

Xây dựng năng lực để có thể áp dụng ngay vào thực tế công việc

Không chỉ đơn thuần là học cách sử dụng công cụ, tôi giúp bạn trang bị năng lực có thể vận dụng ngay vào thực tế thông qua việc trải nghiệm quy trình giống hệt với công việc thực tế, từ khâu lập kế hoạch đến thiết kế, phát triển và triển khai.

Tập trung vào các năng lực cốt lõi mà thực tế công việc yêu cầu

Chúng tôi tập trung học tập xoay quanh các kỹ năng sử dụng AI, khả năng giải quyết vấn đề và kỹ năng hợp tác cần thiết trong thị trường tuyển dụng đang thay đổi nhanh chóng.

Tạo hồ sơ năng lực (portfolio) dẫn đến việc làm

Tập trung vào việc tạo ra các dự án và danh mục hồ sơ năng lực (portfolio) có thể thu hút sự quan tâm của người phỏng vấn.


Trong thời đại AI, chỉ biết thiết kế thôi là chưa đủ.

Giờ đây, bạn cần có năng lực của một Fullstack Creator, người có thể lập kế hoạch, thiết kế, hiện thực hóa và triển khai sản phẩm.

Bằng cách sử dụng các kỹ năng cơ bản của công cụ thiết kế kết hợp với Claude, Codex, Figma để tạo ra các dịch vụ thực tế,
chúng tôi giúp bạn trải nghiệm cách tạo ra thành phẩm cùng với AI.

- Nếu bạn là người đang mông lung không biết phải bắt đầu từ đâu,
- Người muốn nâng cao khả năng cạnh tranh cho portfolio của mình,
- Hay người muốn phát triển nhanh hơn bằng cách tận dụng AI, tôi sẽ trở thành người hướng dẫn đáng tin cậy
cho các bạn.

Tôi sẽ đồng hành cùng các bạn cho đến khoảnh khắc thành quả của các bạn được hoàn thiện.

Kinh nghiệm thực tế

  • 2017~Hiện tại | Digital Product Director & UX Consultant

  • 2015~2017 | Executive Director, EliEsel Inc.

  • 2003~2015 | Executive Director, Amusingware Inc.

  • 2003 | Trưởng phòng Thiết kế, Seowoo C&D


Kinh nghiệm giảng dạy

  • Hướng dẫn làm portfolio xin việc và cố vấn dự án

  • Đào tạo tại doanh nghiệp và nâng cao năng lực thực tế

  • Giảng dạy thực tế dành cho các trường đại học · doanh nghiệp · tổ chức giáo dục

  • Tư vấn portfolio thiết kế · phát triển và cố vấn nhóm

  • Huấn luyện nhóm dựa trên dự án thực tế và hướng dẫn xây dựng portfolio

  • Đào tạo thực tế dành cho nhân viên doanh nghiệp và người đang chuẩn bị xin việc

  • Giáo dục và tư vấn thực hành UIUX · Frontend dựa trên AI



    - Hiện tại) Giảng viên chuyên trách Bootcamp Quy hoạch UIUX · Thiết kế · Frontend (Học viện Ezen DX - Chi nhánh Gangnam)
    - Giảng dạy chuyên sâu về Portfolio Thiết kế/Phát triển và giảng dạy theo nhóm


    * Kênh Youtube đang vận hành (Designer biết Code)

Để việc học tập diễn ra thuận lợi hơn, nếu bạn tham gia vào phòng chat mở Jalnan Web-D do J.young điều hành,
tôi sẽ giải đáp các thắc mắc về bài giảng và phản hồi về portfolio.

- Tên phòng chat mở: Jalnan Web-D
- Mã code: jyoung

 

Thêm

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

Tất cả

77 bài giảng ∙ (9giờ 14phút)

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

Đánh giá

Tất cả

26 đánh giá

4.8

26 đánh giá

  • hylimhy658998님의 프로필 이미지
    hylimhy658998

    Đánh giá 2

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Là một người có thể sử dụng Figma và lập trình ở mức độ cơ bản, khóa học này đã giúp ích cho tôi rất nhiều trong việc nâng cao kỹ năng. Tôi cảm thấy những phần khó hiểu và rắc rối khi thiết kế bố cục bấy lâu nay đã được giải đáp một cách cực kỳ thỏa đáng. Trên hết, việc kết nối MPC để hiện thực hóa chính xác thiết kế ban đầu thực sự rất thú vị. Tôi có cảm giác rằng tốc độ làm việc của mình chắc chắn sẽ nhanh hơn gấp hai, ba lần. Ngoài ra, việc sử dụng công cụ dành cho nhà phát triển (Developer Tools) để dễ dàng chỉnh sửa những kết quả mà AI tự tạo ra cũng để lại ấn tượng rất mạnh mẽ với tôi. Thông qua khóa học này, tôi đã tự tin rằng mình có thể hoàn thành các trang web responsive (tương thích đa thiết bị) một cách thực sự nhanh chóng. Tôi xin chân thành cảm ơn giảng viên đã tạo ra một khóa học tuyệt vời như thế này.

    • jyoung
      Giảng viên

      Chào bạn hylimhy65, Bạn đã hoàn thành khóa học rồi sao. Tôi rất cảm ơn khi biết rằng khóa học đã giúp bạn giải đáp được những phần còn vướng mắc. Việc kết nối MCP để thực hiện Vibe Coding thực sự là một bước tiến đáng kinh ngạc của AI. Hy vọng những kiến thức này sẽ giúp ích nhiều trong việc nâng cao năng suất làm việc của bạn. Tôi sẽ sớm trở lại với những bài giảng chất lượng hơn nữa. Trân trọng, J.young

  • wjsduwls01011742님의 프로필 이미지
    wjsduwls01011742

    Đánh giá 9

    ∙

    Đánh giá trung bình 5.0

    5

    89% đã tham gia

    Tôi thực sự đã tận hưởng và học được rất nhiều từ bài giảng này. Đây đúng là bài giảng tuyệt vời nhất của Vibe Coding. Việc kết nối MCP để Cursor tự động tạo ra đến 90% nội dung đúng là một thế giới mới, trước đây tôi luôn cảm thấy bế tắc khi lập trình... nhưng việc tận dụng công cụ dành cho nhà phát triển để chỉnh sửa thực sự khiến tôi rất cảm động. Dù việc chỉnh sửa từng chút một có hơi nhàm chán, nhưng sau khi xem hết bài giảng, tôi cảm thấy vô cùng tự tin rằng mình có thể chỉnh sửa bất kỳ cấu trúc nào. Cảm ơn bạn vì bài giảng tuyệt vời này. Tốc độ làm việc thực tế chắc chắn sẽ tăng lên gấp đôi luôn~ Luôn cảm ơn bạn vì những bài giảng chất lượng nhé~

    • jyoung
      Giảng viên

      Cảm ơn janey23 rất nhiều vì những đánh giá chân thành về khóa học. Tôi rất vui khi biết rằng kỹ năng refactoring của bạn đã được cải thiện thông qua bài giảng lần này. Một lần nữa xin cảm ơn bạn ^^ J. Young Dream

  • quscogus4235님의 프로필 이미지
    quscogus4235

    Đánh giá 8

    ∙

    Đánh giá trung bình 5.0

    5

    33% đã tham gia

    Tôi đã nghe qua một vài bài giảng về MCP, và thực sự cảm nhận được sự khác biệt rõ rệt so với các khóa học MCP khác. Không chỉ dừng lại ở việc giải thích tính năng đơn thuần, giảng viên đã hướng dẫn một cách hệ thống cách kết nối Figma MCP và AI vào quy trình làm việc thực tế, đồng thời cho thấy cả quá trình tái cấu trúc (refactoring) nên tôi rất hài lòng. Cá nhân tôi cảm thấy đây thực sự là lớp học MCP tốt nhất. Đặc biệt, phần hướng dẫn cách sử dụng Figma Variables được hệ thống lại rất tốt, và tổng thể quy trình đẩy nhanh tốc độ làm việc theo phong cách "Vibe Coding" cực kỳ tuyệt vời. Sau khi học xong, có rất nhiều điểm khiến tôi nghĩ ngay rằng "À, cái này có thể áp dụng được luôn", nên đây không phải là một bài giảng chỉ nghe để biết mà là một bài giảng thực sự đọng lại kỹ năng trên đôi tay. Quả nhiên, bài giảng của giảng viên J.Young luôn mang lại sự tin tưởng tuyệt đối. Tôi cũng rất đề xuất khóa học này cho những bạn đang chuẩn bị portfolio.

    • jyoung
      Giảng viên

      Chào bạn Eun-seu, Cảm ơn bạn rất nhiều vì những đánh giá khóa học ấm áp này nhé~~ Vì là Vibe Coding nên mình đã gặp chút khó khăn trong quá trình quay hình, nhưng đọc những lời này cảm giác như mọi mệt mỏi đều tan biến hết vậy. Thật lòng cảm ơn bạn. Chúc bạn học tập thật tốt để có một Portfolio xịn sò và giúp ích thật nhiều cho công việc thực tế nhé. Mình luôn ủng hộ bạn! ^^ Xin cảm ơn bạn! ^^

  • hihihj07017384님의 프로필 이미지
    hihihj07017384

    Đánh giá 8

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi đã là một nhà thiết kế sản phẩm (Product Designer) được 8 năm rồi. Tôi ghét cảm giác bản thân cứ mãi lo lắng sợ hãi bị AI cướp mất vị trí công việc, nên tôi đã quyết định đăng ký khóa học này! Tôi nghĩ rằng nếu tự mình xây dựng portfolio, tôi sẽ nắm bắt được cách ứng dụng AI vào công việc thực tế như thế nào! Quá trình thiết kế biến số (variables) trong Figma, sắp xếp design tokens và truyền tải chúng cho Cursor thông qua MCP thực sự là một thế giới mới!! Trước đây, tôi từng nghĩ vai trò của nhà thiết kế sẽ kết thúc sau khi bàn giao (hand-off) cho bên phát triển, nhưng giờ đây tôi đã có thể phân tích code để loại bỏ những cấu trúc không cần thiết và quan sát cả quá trình tái cấu trúc (refactoring) bằng React. Điều này giúp tôi có thể đảm nhận vai trò rộng hơn trong công việc thực tế. Sau khi nghe bài giảng của thầy, tôi nhận ra rằng AI không phải là một công cụ đáng sợ, mà là một cộng sự vô cùng mạnh mẽ nếu chúng ta biết cách chỉ dẫn chính xác. Em cảm ơn thầy nhiều ạ!

    • jyoung
      Giảng viên

      Tôi thực sự cảm ơn những đánh giá này từ một nhà thiết kế sản phẩm đã có 8 năm kinh nghiệm thực tế. Đúng vậy ạ.. Lúc đầu tôi cũng từng lo sợ rằng nếu AI làm hết mọi thứ thì mình sẽ mất việc, nhưng sau một thời gian kiên trì sử dụng AI, tôi nhận ra rằng cuối cùng người chiến thắng chính là người biết cách điều khiển AI tốt nhất. Trong tương lai, tôi sẽ tiếp tục tìm tòi, nghiên cứu và chia sẻ những phương pháp để nâng cao năng lực ứng dụng AI. Xin cảm ơn bạn. ^^

  • blake8807226801님의 프로필 이미지
    blake8807226801

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Thật lòng thì dạo gần đây, mỗi khi có AI mới ra mắt, mình lại cảm thấy lo lắng mơ hồ rằng liệu sau này công việc của mình có biến mất không ㅜ Vì ghét cảm giác bản thân trở nên nhỏ bé trước những dòng code nên mình đã quyết định đăng ký khóa học của thầy J-young. Thông thường khi tìm hiểu về MCP, đa số chỉ dừng lại ở việc giải thích các tính năng của công cụ, nhưng khóa học này mang lại cảm giác thực chiến thực sự nên mình rất thích. Quá trình sử dụng Design Token và chuyển giao sao cho Cursor có thể hiểu được bản thân nó đã rất thú vị rồi. Vừa "tiki-taka" với AI vừa nhìn thấy sản phẩm của mình được hiện thực hóa trên web, mình đã học được chính xác "Vibe Coding" là gì. Đặc biệt, mình thực sự cảm động với tài liệu được thầy sắp xếp tỉ mỉ trên Notion, những phần bị lỡ khi xem video mình đều có thể giải quyết được khi làm theo Notion. Nếu thầy mở khóa học tiếp theo, nhất định mình sẽ đăng ký học!! Cảm ơn thầy rất nhiều ạ!!

    • jyoung
      Giảng viên

      Cảm ơn bạn blake choi rất nhiều vì đánh giá khóa học đầy cảm động này. Tôi còn cảm thấy biết ơn hơn khi bạn thấy rằng khóa học thực sự mang lại cảm giác thực chiến. Tôi sẽ nỗ lực hơn nữa để mang đến những bài giảng chất lượng hơn trong tương lai. Thân ái, J.young.

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

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!