Nhập môn hoàn toàn về Figma - Từ những kiến thức cơ bản về thiết kế UI đến tự động hóa bằng Figma AI

Nhập môn Figma: Từ cơ bản đến thiết kế website | Bạn có thể học cơ bản Figma và hệ thống thiết kế Hãy học Figma - công cụ cộng tác được nhiều người sử dụng nhất trên toàn thế giới

Đây là khóa học "Thiết kế UI với Figma từ A đến Z" được chuẩn bị dành cho những người không chuyên chưa từng học về thiết kế, sinh viên mới bắt đầu học thiết kế UX, và những bạn đang chuẩn bị xin việc trong lĩnh vực thiết kế UX và UI. Chúng tôi sẽ hướng dẫn từ cơ bản đến các tính năng nâng cao để ngay cả những người hoàn toàn không biết các công cụ khác như Photoshop cũng có thể trở thành chuyên gia thiết kế UI chỉ bằng việc sử dụng Figma.

Các CEO khởi nghiệp có ý tưởng về ứng dụng/web mà họ muốn triển khai nhưng không biết bắt đầu như thế nào do thiếu kinh nghiệm lập kế hoạch dịch vụ ứng dụng, những người thực hành muốn học cách lập kế hoạch một cách có hệ thống trong thời gian ngắn và các nhà lập kế hoạch cấp dưới những người muốn tìm hiểu quy trình lập kế hoạch và bí quyết của những người có kinh nghiệm đều là chuyên gia. Chúng tôi sẽ hướng dẫn bạn từng bước phương pháp lập kế hoạch mới bằng Figma và kỹ năng làm việc của một PM với 17 năm kinh nghiệm, bắt đầu từ những điều cơ bản.

Nếu bạn từng thấy thiết kế thật khó và Figma thật phức tạp? Giờ đây đã đến thời đại mà ngay cả những người không chuyên cũng có thể tự mình tạo ra các giao diện! Từ những chức năng cơ bản như hình khối, văn bản, mặt nạ (mask) cho đến tách nền, tạo ảnh bằng AI và tự động thiết kế UI, bạn sẽ được học cách vận dụng các tính năng Figma AI một cách tự nhiên vào quy trình làm việc thực tế. Từ việc tạo trang chi tiết sản phẩm đến xây dựng cấu trúc giao diện UI cho trung tâm mua sắm, hãy trải nghiệm phương pháp sử dụng Figma thực chiến để có thể hoàn thiện sản phẩm mà không cần đến sự trợ giúp của nhà thiết kế. Điểm 1. Chỉ cần nắm vững các tính năng cốt lõi của Figma là có thể tự tạo giao diện - Học tập trung vào thực hành các chức năng vẽ thiết yếu như Frame, hình khối, văn bản, mặt nạ - Trải nghiệm hoàn thiện sản phẩm bằng cách tự tay thiết kế toàn bộ các phần của trang chi tiết từ đầu đến cuối Điểm 2. Tăng tốc độ làm việc đáng kể bằng cách tận dụng Figma AI - Sử dụng tự nhiên các tính năng AI như tách nền, tạo hình ảnh, sắp xếp layer vào luồng công việc thực tế - Cấu trúc nội dung tập trung vào cách ứng dụng kết nối trực tiếp với công việc thiết kế thực tế chứ không chỉ dừng lại ở việc giới thiệu tính năng đơn thuần Điểm 3. Rèn luyện tư duy thiết kế thực tiễn để tạo ra cả giao diện UI cho trung tâm mua sắm - Tạo bộ giao diện UI với các tính năng Auto Layout, Component và Make Designs - Học kỹ năng thực chiến để người không chuyên cũng có thể tự thiết kế và hoàn thiện giao diện một mình

Bạn có thể nâng cao khả năng thiết kế web di động, một trong những kỹ năng cạnh tranh nhất khi tìm việc và làm việc thực tế trong lĩnh vực Publisher. Bạn sẽ được củng cố hầu hết các phương pháp và bí quyết để tạo ra một trang web di động với tư cách là một Publisher. Đặc biệt, để đáp ứng yêu cầu về khả năng thiết kế đối với Publisher và lập trình viên hiện nay, khóa học cũng giải thích chi tiết quy trình thiết kế UI cho web di động bằng Figma, giúp bạn bao quát được phần lớn kỹ năng này. Một trong những điểm mạnh nhất của lớp học xuất bản web di động này là hướng dẫn chi tiết cách lập HTML Wireframe cho từng trang một. Thông qua bài giảng, khả năng tạo HTML Wireframe của bạn sẽ được cải thiện đáng kể. Trong phần xuất bản web di động, thông qua việc học cách điều chỉnh bố cục hoàn hảo cho di động và máy tính bảng bằng cách sử dụng biến CSS (Var), bạn sẽ đạt được năng lực làm việc tương đương với thực tế. Bạn cũng sẽ được trang bị đầy đủ kỹ năng CSS thực chiến trình độ trung cao cấp, tập trung vào bố cục Flex.

Marvelous Designer không phải là một công cụ quá khó nếu bạn có kiến thức cơ bản. Đây là bài giảng được đúc kết từ những kiến thức cơ bản nhất mà tôi đang sử dụng. Khóa học này dành cho những người mới bắt đầu làm quen với Marvelous Designer hoặc những ai đã lâu không sử dụng nên không còn nhớ rõ cách dùng. Hãy truy cập https://www.cgbump.com để xem thêm nhiều bài giảng khác!

Bạn có kiến thức cơ bản về html,css, javascript(jquery) nhưng chưa biết rõ phải xây dựng toàn bộ website như thế nào? Vậy hãy thử thách bản thân bằng cách triển khai trang chính của một trang thương mại điện tử dựa trên thiết kế tham khảo. Chúng tôi sẽ hướng dẫn bạn những bí quyết triển khai website bằng cách tham khảo thiết kế hoàn chỉnh, nắm bắt ý đồ lập kế hoạch và các chi tiết cụ thể của thiết kế.

Chúng ta có thể làm được những gì với Nano Banana 2? Chúng ta sẽ cùng nhau thực hành từng bước về độ phân giải, phông chữ, màu sắc, v.v. Bằng phương pháp tham chiếu bắc cầu, chúng ta sẽ tạo ra các nội dung thực tế từ logo, biểu ngữ cho đến video.

Công cụ tiêu biểu của AI tạo hình ảnh, Midjourney! Từ cách sử dụng cơ bản đến ứng dụng thực tế thông qua thực hành dự án thiết kế thực tế, tất cả trong một!

Giải thích các kỹ thuật After Effects trung cấp trở lên, có thể áp dụng trong công việc thực tế. Mặc dù giải thích bằng CC2023 nhưng chủ yếu tập trung vào các nguyên lý cơ bản không phụ thuộc vào phiên bản. Không lãng phí thời gian vào việc giải thích công cụ mà đã chuẩn bị sẵn nội dung để có thể nghiên cứu một cách chủ động.

Phát triển Web UI thực chiến: Học ứng dụng AI và xây dựng UI theo hướng component, Khóa học thiết yếu cho designer + developer!

Dành cho những người muốn tạo website hoặc landing page chuyên nghiệp và đẹp mắt miễn phí ngay cả khi là người mới bắt đầu. Hãy học cách tạo website hấp dẫn một cách nhanh chóng bằng Canva. Cũng phù hợp cho LP kinh doanh khởi nghiệp, phụ nghiệp và trang giới thiệu cá nhân

Sử dụng ChatGPT Images 2.0 để tạo ra nhiều sản phẩm thiết kế đa dạng như logo, ảnh sản phẩm, mockup, banner, ảnh chụp cưới, thiệp cưới, POP, menu, trang chi tiết sản phẩm, v.v. Đây là khóa học thực hành, giúp bạn nắm được cách viết prompt để đạt được kết quả mong muốn và cấu trúc template có thể tái sử dụng nhiều lần.

Mục tiêu của chương trình là nuôi dưỡng tầm nhìn full-stack, giúp cá nhân có thể chủ động dẫn dắt toàn bộ vòng đời của sản phẩm, từ tự động hóa nghiên cứu, liên kết dữ liệu backend cho đến quy trình triển khai trang web động thực tế. Chúng tôi mang đến sức mạnh giúp hiện thực hóa ý tưởng, đóng vai trò như một động cơ mạnh mẽ cho những ai muốn tăng cường khả năng cạnh tranh trong kỷ nguyên AI.

Trong thời đại AX khi công nghệ AI kết hợp với thiết kế UX, đội ngũ sản phẩm nên áp dụng chiến lược nào để thiết kế trải nghiệm khách hàng? Nhà nghiên cứu chính với 17 năm kinh nghiệm tại tập đoàn lớn, đồng thời là tiến sĩ HCI và người chia sẻ kiến thức sẽ hướng dẫn bạn dựa trên xu hướng mới nhất, các trường hợp ứng dụng thực tế và kết quả nghiên cứu.

Một nguyên mẫu (prototype) chuyển động còn hơn cả 100 màn hình đẹp! Hãy tạo ra các nguyên mẫu hoạt động như thật bằng logic điều kiện trong Figma, đồng thời rèn luyện tư duy thiết kế vững vàng ngay cả trong kỷ nguyên AI.

Đây là khóa học dự án thực tế về việc trang trí đẹp mắt trang web quán cà phê được tạo bằng HTML với CSS. Bạn có thể học một cách tự nhiên tất cả các kiến thức cơ bản về CSS từ màu sắc, bố cục, typography đến Flexbox, Grid, animation, responsive design bằng cách theo dõi câu chuyện của Minji và thầy Code. Chỉ với 4 giờ học tập, ngay cả người mới bắt đầu cũng có thể hoàn thành thiết kế web chuyên nghiệp.

Đây là khóa học nhập môn Unreal UMG. Được hướng dẫn trực tiếp bởi Lucy - nhà thiết kế UI/UX với 11 năm kinh nghiệm trong ngành game, bạn sẽ học Unreal Engine và UMG một cách dễ dàng và thú vị. Sau khi hoàn thành khóa học, bạn sẽ có thể bố trí các UI đa dạng trong Widget Blueprint và tạo ra các Material đơn giản cùng với các hiệu ứng và Event Node.

Bạn muốn tự mình tạo nội dung cho blog và mạng xã hội, nhưng lại thấy Figma quá khó và thiết kế là một điều gì đó rất mơ hồ? Trong khóa học này, chúng ta sẽ cùng nhau làm quen từng bước thông qua việc tạo ra các nội dung thực tế, từ màn hình cơ bản và Frame của Figma cho đến cách xử lý hình ảnh, văn bản, hình khối và hiệu ứng. Bạn sẽ tự tay thiết kế ảnh bìa blog, ảnh thumbnail, các yếu tố CTA (kêu gọi hành động), danh thiếp kỹ thuật số, đồng thời hoàn thiện các mẫu nội dung (template) có khả năng tái sử dụng. Nhờ ứng dụng Component, Auto Layout, Property và Variants, bạn có thể nhanh chóng chỉnh sửa ngay cả khi thay đổi nội dung chữ hay hình ảnh. Không chỉ dừng lại ở việc tạo ra một bức ảnh đẹp đơn thuần, hãy xây dựng hệ thống sản xuất nội dung của riêng bạn để có thể sử dụng lâu dài cho blog và mạng xã hội. Point 1. Nắm vững kỹ năng Figma cơ bản thông qua việc tạo nội dung thực tế - Học các chức năng cốt lõi như Frame, Layer, hình ảnh, văn bản, hình khối thông qua thực hành. - Hiểu quy trình làm việc trên Figma bằng cách trực tiếp tạo ảnh bìa và thumbnail cho blog. - Ngay cả những người không chuyên về thiết kế cũng có thể nắm vững kỹ năng cơ bản một cách tự nhiên khi hoàn thành sản phẩm. Point 2. Tạo mẫu nội dung có thể chỉnh sửa lặp lại - Học các nguyên lý cốt lõi của Component, Auto Layout, Property và Variants. - Tạo thumbnail và các yếu tố CTA giúp thay đổi văn bản, màu sắc, hình ảnh một cách nhanh chóng. - Tối thiểu hóa thời gian làm việc lại từ đầu mỗi khi tạo nội dung mới. Point 3. Xây dựng quy trình sản xuất nội dung của riêng bạn - Tạo ra các tài sản thiết kế có thể sử dụng cho nhiều kênh khác nhau như Blog, Instagram. - Đăng ký các Style về màu sắc, văn bản, hiệu ứng để xây dựng hình ảnh kênh nhất quán. - Hoàn thiện nền tảng sản xuất nội dung bền vững bằng cách tái sử dụng các mẫu template do chính bạn tạo ra.

✅ Marketer: Nếu bạn cần tạo nội dung ngay bây giờ nhưng không có thiết kế? ✅ Marketer tương lai: Nếu bạn muốn xây dựng nền tảng vì Figma đang là xu hướng hiện nay? ✅ Nếu bạn đang tìm kiếm một công cụ thiết kế miễn phí và dễ tiếp cận nhất? Câu trả lời chính là Figma. Tôi sẽ hướng dẫn bạn tất cả cách thiết kế nội dung bằng Figma. 👏🏻