Từ A đến Z về thiết kế UI bằng Figma từ cơ bản đến thực chiến

Người mới bắt đầu hay người không chuyên cũng có thể từng bước trang bị khả năng thiết kế UI. Xin chào. Tôi là Eric, đang hoạt động với vai trò nhà thiết kế sản phẩm tại New York. 👋 Tôi

Cả người mới bắt đầu và người không chuyên
đều có thể từng bước trang bị khả năng thiết kế UI.

Xin chào.
Tôi là Eric, đang làm việc
với vai trò product designer tại New York. 👋

Nếu nói về công việc tôi đang làm với vai trò Product Designer, thì đầu tiên là phần User Research - tìm hiểu về người dùng và nhận phản hồi từ họ, tiếp đến là UX Design như thiết kế wireframe, kiến trúc thông tin dựa trên sự hiểu biết về người dùng, và cuối cùng là UI Design - tạo ra hệ thống thiết kế và sản phẩm UI cuối cùng mà người dùng thực sự sẽ sử dụng. Với vai trò Product Designer, tôi có quyền sở hữu đối với hầu hết mọi phần trong quy trình UX như vậy, tức là cả UX và UI, nhưng ngay từ đầu tôi đã không như vậy.

Tôi đảm nhận. Với vai trò là Product Designer, tôi có quyền sở hữu đối với hầu hết mọi phần thuộc quy trình UX, tức là cả UX và UI, nhưng ngay từ đầu thì không phải như vậy.

"Câu chuyện về việc tôi chỉ làm công việc기획 nhưng sau 3 tháng
đã có được khả năng thiết kế UI"

Trước khi đến New York, tôi đã làm việc vài năm với vai trò là người hoạch định tại Seoul. Công việc chính lúc đó của tôi chủ yếu là tạo wireframe bằng PowerPoint, tức là tài liệu hoạch định UI, và thực hiện nghiên cứu người dùng. Việc tạo wireframe bằng PowerPoint không đòi hỏi độ hoàn thiện về mặt thị giác nên tôi không gặp khó khăn gì khi bắt đầu. Nhưng tôi nghĩ thiết kế UI không phải là lĩnh vực mà tôi có thể làm được. Tuy có hợp tác với UI designer nhưng bản thân tôi không trực tiếp làm thiết kế UI.

^{👉 Hình ảnh thời gian làm công việc hoạch định ở Seoul và một phần tài liệu hoạch định}

Tôi đã nghĩ như vậy. Tuy có làm việc cộng tác với UI designer nhưng tôi không trực tiếp làm UI design. 👉 Hình ảnh thời gian làm công việc기획 ở Seoul và một phần tài liệu기획

Tôi đã nghĩ rằng thiết kế UI chỉ dành cho những người có khiếu thẩm mỹ hoặc khả năng thiết kế bẩm sinh xuất sắc. Đối với tôi, rào cản để có được khả năng này trông thật quá cao. Nhưng để nâng cấp sự nghiệp, tôi đã nghĩ rằng mình cần trở thành một product designer đảm nhận tất cả từ nghiên cứu người dùng,기획 đến thiết kế UI. Để làm được điều đó, tôi cần phải trang bị khả năng thiết kế UI, và đây chính là trở ngại lớn nhất đối với tôi. Ngay cả khi bắt đầu, tôi cũng không biết phải học từ đâu và như thế nào. Nhưng vì đã có mục tiêu, tôi bắt đầu tìm kiếm phương pháp. Trong quá trình tìm kiếm, may mắn thay tôi đã gặp được những người cố vấn tốt và biết được những phương pháp hay.

Vâng. Dù sao cũng đã có mục tiêu nên tôi bắt đầu tìm kiếm phương pháp. Trong quá trình tìm kiếm phương pháp, may mắn thay tôi đã gặp được những người cố vấn tốt và biết được những phương pháp hay.

Và khi đã biết được phương pháp, tôi có được sự tự tin rằng 'việc có được khả năng thiết kế UI không phải là điều không thể đối với tôi'. Chỉ sau 3 tháng bắt đầu học thiết kế UI, tôi đã hoàn thành dự án thiết kế UI đầu tiên của mình, và điều này đã đóng vai trò quan trọng trong việc tôi có được công việc đầu tiên với vai trò là nhà thiết kế sản phẩm.

^{👉 Các dự án UI tôi đã thực hiện khi học muộn}

Tôi đã hoàn thành một số dự án thiết kế trong thời gian đó, và điều này đã đóng vai trò quan trọng giúp tôi có được công việc đầu tiên với vai trò Product Designer. 👉 Các dự án UI tôi đã thực hiện khi học muộn

Thông qua quá trình học tập và rèn luyện này, tôi đã nhận ra rằng nếu biết phương pháp đúng đắn, ngay cả những người không có khiếu thẩm mỹ đặc biệt hoặc không học chuyên ngành thiết kế cũng hoàn toàn có thể trang bị được năng lực thiết kế UI.

Tôi đã nhận ra rằng nếu biết phương pháp tốt, ngay cả những người không có khiếu thẩm mỹ đặc biệt hay không học chuyên ngành thiết kế cũng có thể trang bị đầy đủ khả năng thiết kế UI.

Thông qua khóa học này, tôi sẽ chia sẻ những khó khăn mà tôi đã phải vượt qua để có được năng lực thiết kế UI trong thời gian ngắn cũng như bí quyết để vượt qua chúng. Do đó, tôi sẽ hướng dẫn những người đang gặp khó khăn tương tự như tôi có thể trang bị năng lực thiết kế UI bằng cách sử dụng công cụ Figma.

1. Bạn có thể thu được gì từ khóa học này? 🙌

① Hiểu quy trình thiết kế UI và biến nó thành của riêng mình

Tôi xin hỏi các bạn một câu. 🙋 Những gì bạn đang xem là các màn hình đại diện của những ứng dụng vô cùng nổi tiếng. Đây là những màn hình được thiết kế rất đẹp mắt. Các designer đã trải qua quá trình như thế nào để có được những màn hình này? Liệu họ có mở Figma hoặc ứng dụng Sketch lên và vẽ ra ngay lập tức không?

^{Nguồn hình ảnh: Spotify, Airbnb}

Để một màn hình như vậy ra đời, nhà thiết kế đã trải qua quá trình như thế nào? Liệu họ có mở ứng dụng Figma hay Sketch và vẽ ra ngay lập tức không? Nguồn hình ảnh: Spotify, Airbnb

Theo suy nghĩ của tôi về vấn đề này, hầu hết các dự án thiết kế UX/UI đều trải qua rất nhiều quá trình và suy nghĩ kỹ lưỡng cho đến khi có được giao diện như vậy, và liên tục được cập nhật để mang đến dịch vụ tốt hơn cho người dùng. Thiết kế UI có thể được xem là quá trình tìm kiếm giải pháp cho vấn đề trong bức tranh lớn gọi là thiết kế UX/UI. Trong khóa học này, tôi sẽ hướng dẫn các bạn về quy trình và các hoạt động cần thực hiện để thiết kế UI.

Có thể coi đây là quá trình tìm ra giải pháp cho vấn đề. Trong khóa học này, tôi sẽ hướng dẫn các bạn về quy trình và các hoạt động cần thực hiện để thiết kế UI.

Có lý do cho việc trải qua các quy trình này. Để làm tốt UI design, không phải chỉ đơn giản là vẽ ngay màn hình UI design cuối cùng đẹp mắt và bắt mắt, mà phải thông qua từng giai đoạn để giao tiếp hiệu quả với các thành viên trong nhóm hoặc khách hàng và cuối cùng là có thể mang lại trải nghiệm tốt nhất cho người dùng. Các bạn cần phải hiểu lý do tại sao phải trải qua từng giai đoạn và biết cách tự mình thực hiện từng bước một. Tôi đã chuẩn bị khóa học này để các bạn có thể trang bị khả năng thực hiện từng giai đoạn bằng cách sử dụng Figma, giúp quy trình này trở thành của riêng các bạn, tức là để các bạn có thể trang bị chuyên môn về UI design.

^{👉 Quy trình thiết kế UI mà tôi áp dụng khi làm việc}

Để quy trình này có thể trở thành của bạn, tức là để bạn có thể có chuyên môn về thiết kế UI, tôi đã chuẩn bị khóa học này. 👉 Quy trình thiết kế UI mà tôi áp dụng khi làm việc

② Trang bị năng lực thực chiến UI Design thông qua thực hành thiết kế

Trước đó tôi đã nói rằng để làm tốt UI Design, bạn cần tuân theo quy trình UI Design. Mục đích của khóa học này là giúp quy trình đó trở thành của riêng bạn thông qua việc học. Để làm được điều này, điều quan trọng nhất là thực hành theo từng chương thực tế và các ví dụ thực chiến của khóa học này, từ đó trải nghiệm thực sự các bước của UI Design. Vậy thì tôi sẽ cho bạn biết những sản phẩm đầu ra sẽ được tạo ra ở mỗi giai đoạn thông qua các ví dụ cụ thể.

Bằng cách làm theo các ví dụ, bạn sẽ trải nghiệm thực tế từng bước của thiết kế UI. Vậy thì tôi sẽ giải thích cho bạn qua các ví dụ về những sản phẩm đầu ra sẽ được tạo ra ở mỗi giai đoạn.

▪️ Khả năng tạo và sử dụng bản phác thảo tay và wireframe

Phác thảo tay là việc suy nghĩ về ý tưởng có thể giải quyết vấn đề đã cho và vẽ phác thảo một cách thô sơ. Ưu điểm của việc phác thảo là có thể dễ dàng chỉnh sửa ý tưởng trong thời gian ngắn. Bởi vì càng về các giai đoạn sau khi ý tưởng được phát triển, độ hoàn thiện về mặt hình ảnh càng cao thì thời gian chỉnh sửa càng mất nhiều hơn.

Có thể dễ dàng chỉnh sửa ý tưởng. Bởi vì càng phát triển ý tưởng đến các giai đoạn sau, độ hoàn thiện về mặt hình ảnh càng tăng lên thì thời gian chỉnh sửa càng mất nhiều hơn.

Wireframe giúp phát triển thêm các ý tưởng từ bản phác thảo, đồng thời định nghĩa các màn hình và chức năng của từng màn hình. Ngoài ra, nó còn kết nối luồng giữa các màn hình. Wireframe có thể được coi là bộ khung để chuyển sang giai đoạn thiết kế UI. Trong trường hợp công việc giữa người hoạch định UI và nhà thiết kế UI được phân chia hoàn toàn, wireframe có thể do người hoạch định UI đảm nhận. Tuy nhiên, đối với Product Designer hoặc UX/UI Designer thì cũng cần phải biết cách tạo wireframe.

^{👉 Trông như vẽ bằng chân ㅎㅎ Đây là bản phác thảo tôi đã vẽ. Nhưng trong thực tế và công việc, những bản phác thảo như thế này có thể cực kỳ hiệu quả!}

Tôi cũng cần biết cách tạo ra chúng. 👉 Trông như vẽ bằng chân nhỉ ㅎㅎ Đây là bản phác thảo tôi đã vẽ. Nhưng trong thực tế và công việc thực tế, những bản phác thảo như thế này có thể rất mạnh mẽ!` tags are empty - there is no Korean text between them to translate. The surrounding context shows: - **Before**: Text about sketches and how rough sketches can be powerful in practical work - **After**: Text about wireframes with defined screens and screen flows, and abilities related to UI design and prototyping with Hi-Fi Prototypes However, since there is no actual content between the `` tags to translate, I cannot provide a translation. Please provide the Korean text you'd like translated.

^{👉 Wireframe có định nghĩa màn hình, sơ đồ luồng màn hình, v.v.}

Đây là bản phác thảo mà tôi đã vẽ hehe. Nhưng trong thực tế và công việc thực tế, những bản phác thảo như thế này có thể rất mạnh mẽ! 👉 Wireframe đã được định nghĩa các màn hình, sơ đồ luồng màn hình, v.v.` tags appears to be empty or contains only whitespace. Based on the surrounding context provided, if you'd like me to translate the Korean text shown in the "Before" and "After" sections, here they are: **Before:** This is a sketch I drew haha. But in practical work and the field, sketches like this can be extremely powerful! 👉 Wireframes with defined screens, screen flows, etc. **After:** ▪️ The ability to create and utilize UI design and prototyping UI design, also called Hi-Fi Prototype (High-Fidelity Prototype), takes the previously mentioned wireframes and... However, if you have specific text you'd like translated, please provide it between the `` tags and I'll be happy to help.

▪️ Khả năng tạo và sử dụng UI Design và Prototyping

Thiết kế UI, còn được gọi là Hi-Fi Prototype (Nguyên mẫu độ trung thực cao), sẽ vẽ ra các màn hình có độ hoàn thiện trực quan cao dựa trên wireframe đã có trước đó. Ở giai đoạn này, các yếu tố như font chữ, màu sắc, biểu tượng và các yếu tố trực quan ở mức độ mà người dùng thực tế sẽ sử dụng sẽ được thể hiện. Ở giai đoạn này, điều quan trọng là phải suy nghĩ kỹ lưỡng về trải nghiệm nào là phù hợp nhất cho người dùng. Trong khóa học này, chúng ta sẽ cùng tìm hiểu các nguyên tắc thiết kế cần biết để đặt người dùng làm trung tâm. Nếu bạn xây dựng khả năng thực hành trên nền tảng lý thuyết, bạn có thể trở thành một designer có nền tảng vững chắc! 👍

Nguyên tắc thiết kế cần biết để đặt người dùng làm trung tâm. Nếu xây dựng khả năng thực hành trên nền tảng lý thuyết, bạn sẽ trở thành một designer có nền tảng vững chắc! 👍` tags are empty - there is no Korean text between them to translate. The surrounding context shows: - **Before**: Text about design principles and building practical skills on theory - **After**: Text about prototyping connecting screens to simulate functionality However, since there is no content between the `` tags, there is nothing for me to translate. Could you please provide the Korean text you'd like translated?

Prototyping kết nối các màn hình đã được tạo ra với nhau, giúp người dùng có cảm giác như ứng dụng đang thực sự hoạt động.

^{👉 Giai đoạn nâng cao tính hoàn thiện về mặt thị giác, Thiết kế UI}

Bằng cách kết nối các màn hình đã được tạo với nhau, từ góc độ người dùng sẽ tạo cảm giác như ứng dụng đang thực sự hoạt động. 👉 Giai đoạn nâng cao tính hoàn thiện về mặt thị giác, thiết kế UI

^{👉 Màn hình hoạt động không cần code thông qua prototyping}

Từ góc độ người dùng, tạo ra cảm giác như thể ứng dụng đang hoạt động thực sự. 👉 Giai đoạn nâng cao tính hoàn thiện về mặt thị giác, thiết kế UI 👉 Màn hình hoạt động được mà không cần coding thông qua prototyping` tags are empty - there is no Korean text between them to translate. The surrounding context shows: - Before: Text about prototyping and UI design - After: Text about design systems and handoffs However, there is no actual content to translate between the `` tags. Could you please provide the Korean text you'd like me to translate?

▪️ Khả năng tạo hệ thống thiết kế và handoff

Dựa trên thiết kế UI được hoàn thiện cuối cùng, chúng tôi sẽ hướng dẫn bạn cách tạo hệ thống thiết kế bao gồm style guide, component, v.v. Khi có hệ thống thiết kế, người dùng sẽ được trải nghiệm giao diện và trải nghiệm người dùng nhất quán, đồng thời designer và developer có thể thiết kế và phát triển hiệu quả hơn, tiết kiệm thời gian, vì vậy nó có thể rất mạnh mẽ trong thực tế. 💪

Cung cấp giao diện và nhờ đó designer cũng như developer có thể thiết kế và phát triển một cách hiệu quả, tiết kiệm thời gian nên có thể rất mạnh mẽ trong thực tế. 💪` tags are empty - there is no Korean text between them to translate. The "surrounding" context shows: - Before: Text about providing pace/interface and how designers and developers can work efficiently - After: Text about hand-off (HO) being the final stage of UI design However, there is no actual content between the `` tags for me to translate. Could you please provide the Korean text you'd like me to translate?

Cuối cùng, Hand-Off (HO) có thể được coi là giai đoạn cuối cùng của thiết kế UI, là bước định nghĩa cụ thể các yếu tố chi tiết để có thể phát triển thực tế, ví dụ như kích thước của văn bản hoặc nút bấm là bao nhiêu pixel, và chuyển giao cho nhà phát triển.

^{👉 Component - yếu tố quan trọng của hệ thống thiết kế}

Đây là giai đoạn định nghĩa cụ thể các yếu tố như kích thước của widget hoặc button là bao nhiêu pixel và chuyển giao cho developer.` tags. Could you please provide the Korean text you'd like me to translate?

^{👉 Sản phẩm thiết kế được tạo ra để phát triển, Handoff}

Cụ thể hóa và chuyển giao cho nhà phát triển. 👉 Component - yếu tố quan trọng của hệ thống thiết kế 👉 Sản phẩm thiết kế được tạo ra để phát triển, Handoff` tags are empty - there is no Korean text between them to translate. The surrounding context shows: - Before: Text about defining components and handoff to developers, design systems, and design deliverables - After: Text about UI design tips, reference materials for studying design, and helping beginners gain skills faster However, there is no actual content between the `` tags for me to translate. Could you please provide the Korean text you'd like me to translate?

Dường như văn bản cần dịch bị trống. Tuy nhiên, dựa trên phần văn bản trước và sau, tôi có thể thấy đây là nội dung về thiết kế UI/UX. Nếu bạn cung cấp văn bản tiếng Hàn cần dịch, tôi sẽ dịch sang tiếng Việt cho bạn.` tags are empty - there is no Korean text between them to translate. The surrounding context shows: - Before: Text about defining components and handoff to developers, design systems, and design deliverables - After: Text about UI design tips, reference materials for studying design, and helping beginners gain skills faster However, there is no actual content to translate between the `` tags. Could you please provide the Korean text that needs to be translated?

③ Chia sẻ siêu nhiều mẹo hay cho thiết kế UI! 🍯

Tài liệu tham khảo để học thiết kế, v.v., tôi sẽ chia sẻ rất nhiều mẹo hay để những người mới bắt đầu có thể đạt được kỹ năng mong muốn nhanh chóng và dễ dàng hơn. Tôi sẽ chia sẻ kiến thức và thông tin mà tôi đã tích lũy được trong nhiều năm làm việc về thiết kế UX và UI. Và tôi cũng sẽ đề cập đến những câu hỏi mà các bạn đã học thiết kế UI với tôi thường xuyên hỏi. Nếu có thắc mắc gì thêm, hãy để lại câu hỏi nhé^^

Tôi sẽ dạy bạn. Và tôi cũng sẽ giải đáp những câu hỏi mà các bạn đã học thiết kế UI với tôi thường xuyên hỏi. Nếu có thắc mắc gì thêm, hãy để lại câu hỏi nhé^^` tags are empty - there is no Korean text between them to translate. However, I can see Korean text in the `` section. If you'd like me to translate those parts: **Before:** I will. And I'll also cover questions that people who learned UI design from me frequently ask. If you have more questions, please leave them in the question section^^ **After:** ④ Career Design and Roadmap 🚀 After taking the class, once you've acquired UI design skills, you'll be able to pursue your target career such as becoming a UX/UI designer or product designer Please provide the Korean text you'd like translated between the `` tags if you need a different section translated.

④ Thiết kế sự nghiệp và lộ trình 🚀

Sau khi hoàn thành khóa học, bạn sẽ có thể lập kế hoạch cụ thể cho bước tiếp theo để đạt được sự nghiệp mục tiêu như trở thành UX/UI Designer và Product Designer sau khi đã trang bị được năng lực thiết kế UI. Tôi sẽ đưa ra những gợi ý và mẹo về các hoạt động nên thực hiện để bạn đạt được mục tiêu của mình.

2. Ai nên tham gia khóa học này? 🧑🏻👩🏻

✔️ Người mới bắt đầu với thiết kế sản phẩm, thiết kế UX/UI

Thứ nhất là những bạn mới bắt đầu mơ ước trở thành Product Designer, UX/UI Designer, UI Designer. Tất nhiên cả những người không chuyên ngành thiết kế cũng được bao gồm. Để đạt được mục tiêu nghề nghiệp này thì việc trang bị khả năng làm UI Design là điều bắt buộc. Nếu theo sát khóa học này, bạn sẽ có thể đạt được mục tiêu mong muốn nhanh hơn nhờ trang bị được kiến thức và lý thuyết cơ bản cũng như khả năng thực chiến.

Nếu bạn theo dõi khóa học này tốt, bạn sẽ có thể đạt được mục tiêu mong muốn nhanh hơn bằng cách trang bị cả kiến thức và lý thuyết cơ bản cũng như khả năng thực chiến.` tags are empty - there is no Korean text between them to translate. The surrounding context shows: - Before: Text about following a class to achieve goals with foundational knowledge and practical skills - After: Text about people who want to become UX/UI designers but think they lack visual abilities However, there is no content between the `` tags for me to translate. Could you please provide the Korean text you'd like me to translate?

✔️ Những người muốn trở thành UX/UI Designer nhưng nghĩ rằng mình thiếu khả năng thị giác

Trước đây tôi đã nói rằng tôi cảm thấy thiếu khả năng thẩm mỹ. Tôi sẽ chia sẻ bí quyết đã giúp tôi vượt qua điều này để các bạn cũng có thể trang bị được năng lực thiết kế UI. Để trở thành designer, bạn cần hiểu rõ quy trình thiết kế UI, biết cách tạo ra sản phẩm đầu ra ở từng giai đoạn và cách sử dụng công cụ như thế nào. Sau khi hoàn thành khóa học này, các bạn sẽ có thể đạt được mục tiêu đó.

Hiểu rõ và biết cách tạo ra sản phẩm đầu ra cho từng giai đoạn, cũng như cách sử dụng các công cụ. Sau khi hoàn thành khóa học này, bạn sẽ có thể đạt được mục tiêu đó.

✔️ Những người muốn thành thạo Figma

Trong khóa học này, chúng ta sẽ từng bước đi từ những tính năng cơ bản nhất của Figma như tạo hình dạng, văn bản cho đến những tính năng nâng cao như thiết kế UI, handoff, v.v. Tôi đã thiết kế khóa học này để những người mới bắt đầu có thể làm chủ Figma và cuối cùng là phát triển năng lực chuyên môn trong thiết kế UI. Đặc biệt, tôi đã cố gắng cung cấp nhiều ví dụ thực tế thông qua khóa học này. Nếu bạn chăm chỉ thực hành theo phần này thì sẽ rất có ích.

Tôi đã thiết kế khóa học này. Đặc biệt, tôi đã cố gắng cung cấp nhiều ví dụ thực tế thông qua khóa học này. Nếu bạn chăm chỉ thực hành theo phần này thì sẽ được giúp đỡ rất nhiều.

✔️ Những người muốn rèn luyện nền tảng vững chắc về thiết kế UI

Cốt lõi của thiết kế UX, UI là trải qua quy trình thiết kế và lặp lại (iteration) cho đến khi người dùng hài lòng, hoặc cho đến khi giải quyết được vấn đề mà người dùng gặp phải. Nếu tuân theo quy trình mà tôi đã đề cập ở trên, bạn có thể tạo ra một ứng dụng hoặc dịch vụ vững chắc với nhiều khía cạnh được cân nhắc hơn cho người dùng. Sau khi hoàn thành khóa học này, bạn sẽ không chỉ có khả năng thiết kế một ứng dụng đẹp mắt, mà còn trở thành một nhà thiết kế biết cách vận dụng từng bước trong quy trình, và từ đó suy nghĩ về cách cung cấp trải nghiệm tốt hơn cho người dùng. Việc học Figma là để hỗ trợ năng lực kỹ thuật và chuyên môn giúp bạn thực hiện được từng bước đó.

3. Tại sao lại là Figma? 🤔

✔️ Figma - công cụ All-in-one có thể làm mọi thứ trong một! 👌

Có nhiều công cụ khác nhau có thể sử dụng cho từng giai đoạn trong quy trình thiết kế UI. Đó là Adobe XD, Sketch, Figma, v.v. Trong số đó, có vẻ như không có ứng dụng nào hỗ trợ tất cả các hoạt động cần thiết cho thiết kế UI tốt bằng Figma. Chỉ với một ứng dụng duy nhất, bạn có thể hoàn thành gần như toàn bộ quy trình.

Trong số các ứng dụng, có lẽ không có ứng dụng nào hỗ trợ đầy đủ mọi hoạt động cần thiết cho thiết kế UI như Figma. Chỉ với một ứng dụng duy nhất, bạn có thể hoàn thành gần như toàn bộ quy trình.` tags. The tags appear to be empty. If you'd like me to translate the surrounding text, here it is: Before: Among them, there doesn't seem to be any app that supports all the activities needed for UI design as well as Figma does. You can complete almost the entire process with just one app. After: When using the Sketch app, for the prototyping stage you need to use Invision together to efficiently share with team members. Sketch app itself for prototyp

Nếu sử dụng ứng dụng Sketch, ở giai đoạn prototyping bạn phải dùng kèm với Invision thì mới có thể chia sẻ hiệu quả với các thành viên trong nhóm. Mặc dù bản thân ứng dụng Sketch có tích hợp tính năng prototyping, nhưng vì là công cụ hoạt động offline nên có hạn chế trong việc chia sẻ trực tuyến một cách hiệu quả với các thành viên trong nhóm hoặc khách hàng. Và để handoff thì lại phải sử dụng Zeplin.

Tuy nhiên, nếu sử dụng Figma thì có thể giải quyết mọi quy trình từ wireframe đến handoff chỉ bằng một ứng dụng. Ban đầu tôi dùng Sketch rồi chuyển sang Figma

Nhưng nếu sử dụng Figma, bạn có thể giải quyết toàn bộ quy trình từ wireframe đến handoff chỉ với một ứng dụng duy nhất. Ban đầu tôi dùng Sketch rồi chuyển sang Figma, và nhờ đó tôi có thể làm việc hiệu quả hơn và tiết kiệm được rất nhiều thời gian.

^{👉 "Figma = Sketch + InVision + Zeplin"}

Có thể sử dụng trên cả Windows và Macbook 👏 Theo thống kê, Sketch - một trong những công cụ thiết kế UI được sử dụng nhiều nhất - không thể sử dụng trên Windows. Nhưng Figma thì

Sau đó tôi chuyển sang dùng Figma, và có thể làm việc hiệu quả hơn cũng như tiết kiệm được rất nhiều thời gian. 👉 "Figma = Sketch + InVision + Zeplin"

✔️ Có thể sử dụng trên cả Windows và Macbook 👏

Theo thống kê, ứng dụng Sketch - một trong những công cụ thiết kế UI được sử dụng nhiều nhất - không thể sử dụng trên Windows. Tuy nhiên, Figma là công cụ dựa trên nền tảng online nên chỉ cần có trình duyệt như Safari, Chrome là có thể sử dụng được. Bạn có thể sử dụng bất kể đang dùng hệ điều hành nào, dù là Windows hay macOS.

Vì là công cụ dựa trên web nên chỉ cần có trình duyệt như Safari, Chrome là có thể sử dụng được. Có thể sử dụng bất kể bạn đang dùng hệ điều hành nào như Windows hay macOS.

✔️ Công cụ thiết kế trực tuyến được tối ưu hóa cho cộng tác

Figma là công cụ dựa trên nền tảng online nên thực sự là công cụ tuyệt vời để cộng tác và giao tiếp theo thời gian thực với các thành viên trong nhóm hoặc khách hàng. Bạn có thể làm việc thiết kế cùng lúc theo thời gian thực với các designer, và công cụ này được trang bị đầy đủ các tính năng tiện lợi để chia sẻ sản phẩm thiết kế với developer, product manager và để viết bình luận cũng như chia sẻ về chúng.

^{👉 Cộng tác thời gian thực với các thành viên trong nhóm thực sự rất tiện lợi.}

Việc chia sẻ tác phẩm thiết kế với các thành viên trong nhóm, viết bình luận và chia sẻ được trang bị các tính năng rất tiện lợi. 👉 Cộng tác thời gian thực với các thành viên trong nhóm thực sự rất tiện lợi.` tags are empty - there is no Korean text between them to translate. Based on the surrounding context provided, if you'd like me to translate those sections: **Before:** "...and design work can be shared, and features for commenting and sharing are conveniently available. 👉 Real-time collaboration with team members is really convenient." **After:** "✔️ Free plugins and templates that boost design work productivity 😀 Figma has many free design templates and plugins created by third parties." However, since there's no content between the `` tags, there is nothing for me to translate. Please provide the Korean text you'd like translated.

✔️ Plugin miễn phí và template giúp tăng năng suất công việc thiết kế 😀

Figma có rất nhiều template thiết kế và plugin miễn phí được tạo bởi bên thứ ba. Nếu tận dụng tốt những thứ này, bạn có thể nâng cao năng suất thiết kế lên gấp vài lần đến vài chục lần. Trong khóa học này, tôi sẽ hướng dẫn cách sử dụng template và plugin, đặc biệt giới thiệu những template, plugin có độ ứng dụng cao để giúp các bạn phát triển kỹ năng thiết kế UI dễ dàng và nhanh chóng hơn.

^{👉 Plugin và Template của Figma}

Hỏi đáp Q&A 🙋🏻‍♂️

Tôi sẽ giới thiệu các plugin để giúp các bạn nâng cao kỹ năng thiết kế UI dễ dàng và nhanh chóng hơn. 👉 Câu hỏi Q&A về plugin và template của Figma 🙋🏻‍♂️` tags. The tags appear to be empty. Could you please provide the Korean text you'd like me to translate?

Tôi sẽ giới thiệu các plugin để giúp các bạn nâng cao kỹ năng thiết kế UI dễ dàng và nhanh chóng hơn. 👉 Câu hỏi Q&A về plugin và template của Figma 🙋🏻‍♂️` tags are empty - there is no Korean text between them to translate. Based on the surrounding context, it appears there should be content between those tags. Could you please provide the Korean text that needs to be translated?

Q. Trước khi học khóa học này, tôi có cần biết cách sử dụng các công cụ khác như ứng dụng Sketch, Zeplin, InVision không?

Đ. Hoàn toàn không cần biết cũng được. Figma chứa hầu hết mọi chức năng cần thiết cho thiết kế UI. Tất cả những gì có thể đạt được thông qua Sketch, InVision, Zeplin đều có thể thực hiện được nếu bạn thành thạo Figma. Nói cách khác, bạn có thể tạo ra sản phẩm thiết kế bằng cách thực hiện tất cả các giai đoạn như thiết kế UI, tạo prototype, handoff (sản phẩm cuối cùng cho developer) thông qua Figma.

Tức là, bạn có thể tạo ra sản phẩm thiết kế bằng cách thực hiện tất cả các bước thông qua Figma như thiết kế UI, prototyping, handoff (sản phẩm cuối cùng dành cho developer).

Q. Người không chuyên ngành có thể học được không?

Đ. Vâng, khóa học này được thiết kế dành cho người mới bắt đầu và người không chuyên. Tôi sẽ hướng dẫn từng bước từ kiến thức cơ bản về thiết kế UI, các chức năng cơ bản của Figma, cho đến kiến thức nâng cao và các tính năng nâng cao. Do đó, ngay cả khi bạn đã làm công việc hoàn toàn không liên quan đến thiết kế hoặc không phải là người học chuyên ngành, sau khi hoàn thành khóa học này, bạn sẽ có thể trang bị được năng lực chuyên môn về thiết kế UI.

Tôi sẽ hướng dẫn từng bước một cách chi tiết. Vì vậy, ngay cả khi bạn đã làm công việc hoàn toàn không liên quan đến thiết kế hoặc không học chuyên ngành này, sau khi hoàn thành khóa học này, bạn sẽ có thể trang bị được năng lực chuyên môn về thiết kế UI.

Hỏi: Có môn học tiên quyết nào cần phải học trước không?

Nếu bạn hoàn toàn không biết gì về thiết kế UX, UI thì tôi khuyên bạn nên học trước khóa học "Tổng quan về thiết kế UX dành cho người mới bắt đầu" mà tôi đã mở trên Inflearn. Sau khi học khóa này, bạn sẽ có thể tích lũy kiến thức tổng quan về thiết kế UX và UI. Hơn hết, bạn sẽ hiểu rõ hơn tại sao mình nên học khóa thiết kế UI này. Nếu bạn đã có kiến thức cơ bản về thiết kế UX, UI thì bạn có thể học luôn khóa này.

Bạn sẽ hiểu rõ hơn lý do tại sao nên học khóa học thiết kế UI này. Nếu bạn đã có kiến thức cơ bản về thiết kế UX, UI thì có thể học khóa học này ngay.` tags are empty. There's no Korean text between them to translate. Based on the surrounding context you provided: - Before: "You'll be able to better understand why you should take this UI design class. If you already have basic knowledge of UX and UI design, it's fine to take this class right away." - After: "See you in class! 👋" If you provide the Korean text that should appear between the `` tags, I'll translate it for you following the rules you've specified.

Hẹn gặp bạn trong khóa học! 👋