Tạo MVP bằng Hệ thống thiết kế thành phần nguyên tử Figma

Name: Tạo MVP bằng Hệ thống thiết kế thành phần nguyên tử Figma
Price: 96800 KRW
Rating: 5 (2 reviews)

Đây là lớp học mà bạn sẽ hoàn thành MVP từ khâu lập kế hoạch đến thiết kế bằng hệ thống thành phần nguyên tử. Bạn sẽ có thể hiểu và sử dụng các thành phần thiết kế.

(5.0) 2 đánh giá

51 học viên

Hagiro

피그마UI

피그마클래스

아토믹디자인

디자인 시스템

Figma

Atomic Design

Design System

Mobile App Design

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

cơ bản về figma
hệ thống thành phần
Lập kế hoạch MVP
quy trình linh hoạt
Thiết kế nguyên tử

Xây dựng MVP với Hệ thống thành phần thiết kế nguyên tử của Figma

Chúng ta đang sống trong thời đại mà AI có thể thiết kế, sao chép và lập trình chỉ trong một giây.
Một nhà thiết kế chỉ biết thiết kế / một nhà lập kế hoạch chỉ biết lập kế hoạch / một nhà phát triển chỉ biết phát triển
Chúng ta không thể tồn tại trong thời đại AI nữa.

Làm thế nào để tôi có thể trở nên "không thể thay thế"?
Tìm hiểu các phương pháp linh hoạt để tạo MVP và xác minh giả thuyết một cách nhanh chóng và hiệu quả.

Cuối cùng , một sản phẩm (MVP) không có kế hoạch chỉ là một cái vỏ bọc. Bảy trong số mười dịch vụ sẽ biến mất trong vòng năm năm. Điều này là do việc lập kế hoạch, thiết kế, phát triển và mô hình kinh doanh đều là những thực thể riêng biệt.

Nếu bạn có được kỹ năng tạo MVP nhanh chóng bằng cách sử dụng hệ thống thành phần của figma,
Bạn sẽ có thể tạo ra một sản phẩm mỗi tháng!
Tôi cũng đang sử dụng bộ thành phần Figma do tôi tạo ra để liên tục ra mắt sản phẩm, đôi khi trong vòng một tháng, đôi khi trong vòng một quý. Hãy xem MVP của Ha-Ro .

Sau giờ học

Figma cho phép bạn lập kế hoạch và thiết kế MVP cho thiết bị di động của mình.
Thay vì chỉ sao chép lại một thứ gì đó, bạn có thể hiểu tại sao mình nên làm theo cách đó.
Tận dụng tối đa các tính năng độc đáo của Figma và ngừng việc nghiền ngẫm.
Bạn sẽ có thể hiểu và sử dụng các thư viện UI và hệ thống thiết kế nguyên tử.
Bạn có thể nhanh chóng nắm bắt được bản chất của toàn bộ quy trình thiết kế và lập kế hoạch dịch vụ Agile/Lean Startup.
Ngay cả khi bạn không phải là nhà thiết kế, bạn vẫn có thể vẽ khung lưới trong Figma.
Điều này sẽ cho phép bạn sử dụng mã nguồn mẫu của cộng đồng Figma một cách thoải mái hơn.

Các thành phần Biến thể, Hoán đổi thể hiện, Boolean và Nguyên tử

Tìm hiểu những kiến thức cơ bản về thành phần: cách sử dụng biến thể, hoán đổi thể hiện, thành phần linh hoạt với Boolean và hệ thống thiết kế nguyên tử, một thành phần trong một thành phần. Thành phần nguyên tử phân chia một thành phần đơn lẻ thành các nguyên tử và phân tử. Hãy tìm hiểu một trong những phương pháp phát triển hướng đến hiệu quả tối ưu! (Lưu ý: Hệ thống nguyên tử là một phương pháp thiết kế/phát triển, không phải là công nghệ tối thượng.)

Chúng tôi sẽ hướng dẫn bạn từng bước trong quy trình thiết kế, nhiều lần.

Bước 1: Thiết kế với lớp nền
Bước 2: Thiết kế với Auto Layout
Bước 3: Sử dụng các biến thể và Boolean
Bước 4: Chèn các thành phần vào trong các thành phần (thiết kế nguyên tử).

Tôi đã thiết kế nó để bạn có thể thiết kế dựa trên thành phần 100%. Hơn nữa, bạn sẽ được học lý do tại sao thư viện UI lại cần thiết và thiết kế dựa trên thành phần thực sự có nghĩa là gì.

PO / Designpreneur có 10 năm kinh nghiệm làm nhà thiết kế.

Nhờ kinh nghiệm làm việc tại các công ty khởi nghiệp và đại lý ban đầu, tôi nhận ra rằng có những phương pháp lập kế hoạch/thiết kế dịch vụ phù hợp với quy mô và tôi đã phát triển phương pháp riêng để tạo MVP bằng chính kiến thức chuyên môn của mình.
Là thành viên đầu tiên, tôi đã đạt được vòng gọi vốn Series B, là thành viên sáng lập, tôi đã đạt được vòng gọi vốn BEP, và là một doanh nhân thiết kế, tôi đang trên hành trình tự lực cánh sinh với quy trình trọn gói từ lập kế hoạch đến thiết kế và tiếp thị.
Trung bình mỗi quý chúng tôi ra mắt một sản phẩm.
Tôi viết về Brunch .

H. Tôi có thể lắng nghe và hiểu điều này ngay cả khi tôi không phải là nhà thiết kế không?

Mặc dù chủ yếu được thiết kế cho các nhà thiết kế, khóa học này cũng dành cho những ai muốn xây dựng MVP. Khóa học này lý tưởng cho những ai quan tâm đến việc tự khởi nghiệp (tự lên kế hoạch và ra mắt sản phẩm), trở thành thành viên sáng lập, hoặc phát triển sản phẩm bằng phương pháp Agile. Vì hướng đến người mới bắt đầu, các bài giảng lý thuyết rất rộng và dễ tiếp cận với tất cả mọi người. (Người học trung cấp có thể thấy khóa học này khá khó.)

H. Chương trình đào tạo Figma tập trung vào lý thuyết hay thực hành?

Trọng tâm là các bài học thực hành về Figma. Thay vì chỉ đọc lý thuyết suông, tôi tin rằng việc cung cấp nền tảng vững chắc về các nguyên tắc cơ bản của Figma là rất quan trọng. Phần linh kiện được thiết kế với giả định rằng người mới bắt đầu sẽ hiểu sâu hơn về linh kiện thông qua việc học đi học lại, từ cấp độ khó 1 đến 5, về thiết kế nguyên tử. Những người mong đợi một bài giảng đơn giản, dễ nghe có thể thấy khó khăn. Nếu không thực hành, bạn sẽ chẳng thu được gì nhiều!

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

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

Có ai mới biết về Figma không
Những người muốn lập kế hoạch và thiết kế MVP cùng một lúc
Những người tò mò về lý do tại sao mọi việc cần phải được thực hiện theo cách đó
Các nhà lập kế hoạch, nhà phát triển và nhà tiếp thị tò mò về quy trình thiết kế thực tế
Bất cứ ai muốn hiểu thực tiễn quy trình linh hoạt

Xin chào
Đây là

10년차 디자이너 출신의 PO / Designpreneur.

초기 스타트업과 에이전시 경험을 통해 규모에 적합한 서비스 기획/디자인 방법론이 따로 있다는 것을 깨닫고 자신만의 노하우로 mvp 제작법을 개발했습니다.
초기멤버로서 시리즈 B, 창업멤버로서 bep 달성, 디자인 창업가로서 기획부터 디자인, 마케팅까지 올인원 프로세스로 부트스트래핑 여정 중입니다.
평균 1분기에 1개의 프로덕트를 런칭합니다. 하기로의 mvp 원씽메모
브런치에서 글을 씁니다.

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

Tất cả

31 bài giảng ∙ (5giờ 27phút)

Tài liệu khóa học:

Tài liệu bài giảng

Phần 1. Giới thiệu/Giới thiệu của giảng viên và thiết lập mục tiêu học tập

5 bài giảng ∙ (33phút)

Phần 2. Thiết kế UX

5 bài giảng ∙ (37phút)

6. Một mô hình kinh doanh mà ngay cả nhà thiết kế cũng phải hiểu: Lean Canvas
09:25
7. Bạn có thể tự tin giải thích về UX và UI không?
04:44
8. Thiết kế trải nghiệm khách hàng với PigJam: câu chuyện người dùng/công việc, tính cách, bản đồ hành trình người dùng
07:33
9. Thiết kế sản phẩm với PigJam: IA và sơ đồ
07:53
10. Trong thực tế, việc đo điểm chuẩn được thực hiện như sau:
08:15

Phần 3. Chuẩn bị: Cài đặt Figma

2 bài giảng ∙ (18phút)

11. Môi trường dự án và cài đặt tổ chức & Quản lý kế hoạch
10:01
12. Tìm hiểu giao diện cơ bản
08:06

Phần 4. Thiết kế thành phần bắt đầu từ bước 0

8 bài giảng ∙ (2giờ 14phút)

Phần 5. Vẽ wireframe sử dụng các thành phần

4 bài giảng ∙ (53phút)

Phần 6. Khái niệm cơ bản về kiểu dáng thiết kế giao diện người dùng và nguyên mẫu

4 bài giảng ∙ (37phút)

Phần 7. Nó không chỉ là về thiết kế! chuyển giao

2 bài giảng ∙ (9phút)

Phần 8. Ngoại truyện

1 bài giảng ∙ (3phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

2 đánh giá

5.0

2 đánh giá

Sangok Kim
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
단순히 디자인만을 이야기 하지 않아 좋았습니다.
- Hagiro
  Giảng viên
  완강 후 리뷰 남겨주셔서 감사합니다 :))
- Sangok Kim
  강의 내용에 비해 수강평이 너무 담백했었네요. 퍼블리셔 출신으로 새롭게 아이템개발하면서 피그마에 대해 심도있게 알고 싶어서 강의를 들었는데요. 실력있는 디자이너로서 화면 디자인은 어렵겠지만 개발에 필요한 화면구성은 어렵지 않겠다는 자신감이 생기네요. 피그마 강의 내용도 당연히 좋았지만 디자인과 실무진행 내용과 연계하여 설명해 주셔서 너무 좋았구요 실무 내용이 최근 트랜드를 반영해 주셔서 좋았습니다. 이 강의를 들으면 피그마 사용하면서 가장 근간이 되는 라이브러리 한 세트가 만들어 지는 것도 좋았습니다. 선생님의 군더더기없는 깔끔한 강의와 설명도 도움이 많이 됬습니다. 다른강의도 준비하고 계시다면 기대가 됩니다. 감사합니다
jiyeon.kang
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
100% đã tham gia

2.031.149 ₫

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!

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

에릭

디자인을 공부해본 적이 없는 비전공자 분들, 이제 막 UX디자인을 공부하기 시작한 학생들, UX 및 UI 디자인 취준생 분들을 위해 준비한 "피그마로 UI디자인하기 A to Z" 수업입니다. 포토샵 등 다른 툴을 전혀 모르는 분도 피그마만 활용해 UI디자인 전문가가 될 수 있도록 기초부터 고급 기능까지 알려드립니다.

Beginner

Figma, 웹 디자인, 모바일 디자인

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

에릭

디자이너와 협업할 때 유용한 툴, 피그마 속성 강좌

니디자인랩

개발자분들을 위한 피그마 사용방법 튜토리얼 PDF 파일입니다.

Beginner

Figma

디자이너와 협업할 때 유용한 툴, 피그마 속성 강좌

니디자인랩

앱 기획의 새로운 방식, Figma!

에이크

구현하고 싶은 앱/웹 아이디어는 있지만, 앱 서비스 기획 경험이 없어 어떻게 시작해야 될지 막막한 스타트업 대표, 단기간에 기획을 체계적으로 배우고 싶은 실무자, 경력자의 기획 업무 프로세스와 노하우를 배우고 싶은 주니어 기획자 모두 전문가가 될 수 있도록 Figma를 활용한 새로운 기획 방식 및 PM 17년차의 업무 스킬을 기초부터 차근차근 알려드립니다.

Beginner

Figma, 서비스 기획

앱 기획의 새로운 방식, Figma!

에이크

AI 도구와 피그마를 활용한 앱 서비스 기획

에이크

이제 AI의 힘으로 누구나 쉽게 앱을 기획하고 UI를 그릴 수 있습니다! 코딩 몰라도, UI 경험 없어도 괜찮아요. Claude, ChatGPT 같은 AI 도구가 여러분의 아이디어를 현실로 만들어 드립니다. 단 몇 번의 질문만으로 타겟 고객을 분석하고, 앱 구조를 설계하고, 심지어 UI 화면까지 자동으로 생성할 수 있어요. 이 강의에서는 피그마를 처음 만져보는 분도 따라할 수 있도록 기초부터 차근차근 알려드립니다. 직접 손으로 그리지 않아도 HTML to Design 플러그인으로 기존 웹사이트 UI를 한 번에 가져올 수 있고, 구글 스티치나 readdy.ai 같은 AI 도구로 몇 초 만에 완성도 높은 화면을 만들 수 있어요. 창업을 꿈꾸는 분, 기획자로 전직하고 싶은 분, 개발자와 소통하고 싶은 분 모두에게 딱 맞는 강의입니다. 복잡한 이론 대신 바로 써먹을 수 있는 실전 노하우만 쏙쏙 뽑아서 알려드릴게요. 이제 아이디어만 있으면 누구나 앱 서비스를 기획할 수 있습니다!

Beginner

프로토타이핑, Figma, 서비스 기획

AI 도구와 피그마를 활용한 앱 서비스 기획

에이크

미드저니 비법 클래스, 현직 AI 디자인 전문가의 이미지 프롬프트 엔지니어링 핵심 정리

Masocampus

이미지 생성형 인공지능의 대표 툴, 미드저니! 기초 사용 방법부터 실제 디자인 프로젝트 실습을 통한 실무 적용까지 한 번에!

Beginner

웹 디자인, 캐릭터 디자인, 모바일 디자인

미드저니 비법 클래스, 현직 AI 디자인 전문가의 이미지 프롬프트 엔지니어링 핵심 정리

Masocampus

Figma 참조 - 반응형 쇼핑몰 웹사이트 만들기 완벽 가이드

이지웹

html,css, javascript(jquery) 기초가 있으신가요? 그런데 전체 웹사이트 전체를 어떻게 만들지 잘 모르시나요? 그렇다면 디자인을 참조해서 쇼핑몰 메인페이지 구현을 도전해보세요. 완성된 디자인을 참조하고 기획 의도와 디자인의 상세한 사항들을 파악하여 웹사이트를 구현하는 노하우를 알려드립니다.

Basic

Figma, HTML/CSS, JavaScript

Figma 참조 - 반응형 쇼핑몰 웹사이트 만들기 완벽 가이드

이지웹

iOS AutoLayout 완벽 가이드 - 실무 프로젝트를 위한 실전강의

iOS Developer - 이정

확실한 화면구현 방법에 대한 이해와 쉽고 빠른 방법을 누구보다 많은 프로젝트 경험을 통한 노하우를 정리해 강의로 만들었습니다.

Basic

모바일 디자인, iOS Autolayout

iOS AutoLayout 완벽 가이드 - 실무 프로젝트를 위한 실전강의

iOS Developer - 이정

모바일 웹 퍼블리싱 포트폴리오 with Figma

코딩웍스(Coding Works)

퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 특히 요즘 퍼블리셔와 개발자에게 요구되는 디자인 능력을 피그마(Figma) 학습으로 많은 부분 커버할 수 있도록 피그마(Figma)로 모바일 웹 UI 디자인 작업을 하는 과정도 상세하게 설명하였습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 모바일 웹 퍼블리싱은 CSS 변수(Var) 활용한 모바일과 태블릿에 맞춘 레이아웃을 완벽하게 맞추는 학습을 통해서 실무 작업과 대동소이한 정도의 작업 능력을 갖추게 됩니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

Basic

HTML/CSS, 포트폴리오, 모바일 디자인

모바일 웹 퍼블리싱 포트폴리오 with Figma

코딩웍스(Coding Works)