사용자 흐름 설계부터 프로토타입 구현까지

💭 이런 고민, 해보신 적 있나요?

• Variables는 대충 알겠는데, Conditionals(조건문)는 여전히 외계어 같아요 🤯

• 프로토타입을 만들 때마다 프레임을 수십 장 복제하는 노가다에 지쳐요 ⏳

• Figma AI 기능을 써봐도 내가 원하는 결과가 안 나와서 답답해요 🤖

• 분명 배운 대로 했는데, 실제 서비스처럼 부드럽게 작동하지 않아요 ❌

빠른 아이디어 검증을 위해 프로토타입이 꼭 필요한데, 고급 기능은 어렵게만 느껴지죠. 특히 요즘 화제인 AI 도구들은 그냥 말만 하면 다 해줄 것 같지만, 막상 써보면 결과물이 엉뚱한 경우가 많습니다.

그 이유는 간단합니다.

AI에게 효과적으로 지시하려면, 내가 먼저 프로토타이핑의 로직을 이해하고 있어야 하기 때문입니다. 프롬프트 작성 기술보다 중요한 것은 '무엇을 어떻게 만들어야 하는지'에 대한 명확한 설계입니다.

🖥 클래스 소개

이 강의는 AI 프로토타이핑 시대를 위한 필수 기초를 다룹니다.

많은 강의들이 "Variables 이렇게 쓰세요", "AI한테 이렇게 물어보세요"라고 기능만 설명합니다. 하지만 이 강의는 다릅니다.

"왜 이 로직이 필요한지", "실제 상황에서 어떻게 적용하는지", "AI와 어떻게 효과적으로 협업하는지"까지 - 실전 시나리오로 체계적으로 학습합니다.

Variables, Conditionals, Flow라는 로직의 3대 기둥을 실무 예제로 마스터하고, 이를 바탕으로 Figma Make(AI 프로토타이핑)를 제대로 활용하는 방법까지 배웁니다.

🎯 강의의 핵심 철학

• AI를 쓰기 전에, 로직 이해가 먼저

• 단순 따라하기가 아닌, 원리 중심 학습

• 실무에서 바로 쓸 수 있는 실전 시나리오

🎯 무엇을 배우나요?

챕터 1~3 : 프로토타입 기초 다지기

피그마 프로토타입을 처음 다루거나 기본기를 점검하고 싶다면 여기서 시작합니다. 프로토타입 조작법과 핵심 개념(레이어 구조, 컴포넌트)을 배우고, 어드민 대시보드와 온보딩 플로우 등 실전 프로젝트로 직접 만들어보며 감을 잡습니다.

챕터 4 : Flow - 복잡한 흐름을 설계하는 방법

화면이 많아질수록 프로토타입은 복잡해집니다. Task Flow로 핵심 과업 경로를 정의하고, User Flow로 분기와 선택지를 표현하며, Wireflow로 논리와 화면을 연결하는 방법을 배웁니다. 프로토타입 제작 전 체계적인 설계도를 그리는 능력을 키웁니다.

챕터 5 : Variable과 Conditional - 똑똑한 프로토타입 만들기

프레임을 수십 장 복제하는 노가다는 이제 그만. Variable로 데이터를 기억하고 상태를 변화시키며, Conditional로 조건에 따라 다르게 반응하는 로직을 구현합니다. 캘린더, 상품 상세, 장바구니 프로젝트를 직접 만들며 실제 앱처럼 작동하는 프로토타입을 완성합니다.

챕터 6 : Figma Make - AI와 협업하는 새로운 방식

많은 디자이너가 AI 프로토타이핑에 실패하는 이유는 프롬프트가 아니라 설계의 부재입니다. 앞서 배운 Variable, Conditional, Flow를 바탕으로 로직을 AI에게 효과적으로 전달하는 방법을 배웁니다. 손 노동에서 뇌 노동으로, 디자이너의 역할이 어떻게 진화하는지 경험합니다.

🧠 왜 이 강의를 만들었나요?

많은 Figma 강의가 예쁜 화면 만드는 법은 알려주지만, 그 화면이 어떻게 똑똑하게 움직이는지는 깊이 있게 다루지 않습니다.

AI 프로토타이핑 강의는 "이렇게 프롬프트 쓰세요"만 알려줍니다. 하지만 로직을 모르는 상태에서 프롬프트만 잘 써봤자 원하는 결과가 나오지 않습니다.

실무에서 정말 필요한 것은:

• 복잡한 인터랙션을 어떻게 로직으로 분해할지

• 어떤 조건을 설정해야 효율적인 프로토타입이 되는지

• AI에게 어떻게 구조화된 요청을 할지

이 강의는 "AI를 쓰기 전에 로직 이해가 먼저"라는 철학으로 만들어졌습니다.

탄탄한 로직 기초 위에서 AI를 활용할 때, 비로소 빠르고 정확한 프로토타입 검증이 가능해집니다. 로직의 원리를 명확히 이해하고, 구현은 AI의 도움을 받아 해결하는 - 이것이 미래형 디자이너의 워크플로우입니다.

👥 이런 분들에게 추천드려요

• Figma 기본은 다루지만 Variables와 조건문만 나오면 막막한 디자이너

• 수십 장의 프레임을 복제하는 노가다 대신 로직 하나로 해결하고 싶은 분

• AI 프로토타이핑 도구를 써봤지만 결과가 만족스럽지 않았던 분

• 복잡한 인터랙션을 구현하고 싶지만 어디서부터 시작해야 할지 모르는 분

• 개발자, PM과 소통할 때 로직 기반으로 명확하게 설명하고 싶은 분

• 빠른 가설 검증이 필요한 스타트업 환경에서 즉시 전력이 되고 싶은 분

✅ 이 강의를 완료하면

• Variables, Conditionals, Flow를 자유자재로 활용하는 고급 프로토타이핑 능력

• 복잡한 인터랙션을 체계적으로 설계하고 구현하는 로직 사고력

• AI 프로토타이핑 도구(Figma Make)를 효과적으로 활용하는 실전 스킬

• 수백 개의 스파게티 선에서 벗어난 깔끔하고 효율적인 프로토타입 구조

• 빠른 아이디어 검증과 유저 테스트로 이어지는 초고속 검증 역량

• 개발자, PM과의 로직 기반 커뮤니케이션 능력