1. 자격증 개요
자격증 명칭: 인공지능활용사용자인터페이스디자인기술자격(AI-aided UI Design Technology Qualification, AI-UIDTQ)
자격증 관리 기관: 인공지능디자인협회
개요:
AI-UIDTQ는 인공지능 도구를 기반으로 한 사용자 인터페이스(UI) 설계 및 시각적 구현 능력을 인증하는 전문 자격이다. 본 자격은 특히 Figma를 중심으로 구성된 최신 UI 디자인 환경에서의 AI 도구 활용 능력을 다루며, 디자이너가 실무에서 바로 적용할 수 있는 설계·제작·퍼블리싱 역량을 중심으로 평가한다. Figma의 생성형 AI 기능, Auto Layout, Design System 구성 능력, 그리고 Make·Sites·Buzz 등 최신 AI 기능을 종합적으로 이해하고 실무에 적용할 수 있는지를 판단하는 것이 핵심이다.
목적:
•
Figma 기반 UI 설계 및 제작 전반에 걸쳐 인공지능 활용 능력 검증
•
생성형 AI 기반 텍스트·이미지·프로토타입 생성 능력 배양
•
AI 도구를 활용한 반응형 레이아웃 설계, 브랜드 자산 제작, 웹 퍼블리싱 역량 강화
•
실무 중심의 프로젝트형 평가를 통해 현장 적용 능력을 갖춘 UI 디자이너 양성
대상:
•
Figma 사용자 및 UI 디자이너
•
스타트업 창업자, 서비스 기획자, 디지털 제품 개발자
•
생성형 AI 기반 디자인 자동화에 관심 있는 실무자 및 예비 디자이너
2. 교육과정 구성 및 내용
AI-UIDTQ는 총 5단계 모듈로 구성되며, 기초부터 실전 포트폴리오 완성까지 단계적으로 학습할 수 있도록 설계되어 있다. 각 단계는 Figma 도구 활용과 AI 통합 능력을 중점적으로 다루며, 최신 기능과 디자인 자동화 흐름에 대한 실습 중심 수업을 포함한다.
(1) 사용자 인터페이스 디자인 기초 이해 및 실습
교육 목표:
Figma의 기본 기능을 이해하고 카드형 UI, 홈 화면 등 단순 레이아웃을 구성할 수 있는 실력을 배양한다.
세부 내용:
•
Figma 인터페이스, 프레임, 레이어, 정렬, 텍스트, 이미지 다루기
•
Auto Layout 및 컴포넌트 개념 이해
•
기본적인 모바일 UI 실습
•
모듈 1-1 (기존 7-1): Figma Basic 도형 만들기 (11:35)
•
모듈 1-2 (기존 7-2): Figma Basic 도형 만들기 심화 (10:53)
•
모듈 1-3 (기존 7-3): Figma Basic 도형 정렬하기 (5:58)
•
모듈 1-4 (기존 7-4): Figma Basic 도형 칠하기 (11:45)
•
모듈 1-5 (기존 7-5): Figma Basic 프레임 및 프로토타이핑 (7:22)
(2) 실무 UI 디자인 시스템 설계
교육 목표:
디자인 시스템 기반의 UI 설계 능력과 컴포넌트 재사용 전략을 익힌다.
세부 내용:
•
스타일 토큰 정의 (컬러, 타이포그래피, 여백 등)
•
Auto Layout 심화 및 Variants 구성
•
마이페이지, 로그인 등 실제 화면 제작
•
실무에서 활용되는 컴포넌트 설계 방법
•
모듈 2-1 (기존 1-1): UI 디자인을 위한 프롬프트 엔지니어링 (22:55)
•
모듈 2-2 (기존 1-2): AI x UI디자인을 위한 프롬프트 구조화 (17:44)
•
모듈 2-3 (기존 2-2): Relume AI x Figma 연동을 통한 UI 디자인 (39:59)
•
모듈 2-4 (기존 2-1): Stitch AI x Figma 연동을 통한 UI 디자인 (45:03)
•
모듈 2-5 (기존 2-3): Readdy AI x Figma 연동을 통한 UI 디자인 (30:42)
(3) Figma 생성형 AI 도구 실습:
교육 목표:
AI 기반 시각 자산 생성 및 레이아웃 자동화 기능을 활용한 디자인 생산성을 극대화한다.
세부 내용:
•
AI 기능(ex: Figma Buzz) 기반의 이미지 자동 생성, 텍스트 리라이팅, 대량 배너/콘텐츠 생성
•
AI 기능(ex: Figma Draw) 기반의 드로잉 툴을 활용한 일러스트 및 아이콘 제작
•
AI 기능(ex: Figma Grid) 기반의 2차원 반응형 레이아웃 설계 및 Auto Layout 고급 설정
•
생성형 AI를 활용한 디자인 자동화 전략 수립
•
모듈 3-1 (기존 5-1): Figma Buzz 템플릿 활용하기 (6:00)
•
모듈 3-2 (기존 5-2): Figma Buzz 브랜드 콘텐츠 제작하기 (9:59)
•
모듈 3-3 (기존 5-3): Figma Buzz 콘텐츠 다중 생성하기 (7:20)
(4) AI 확장 도구를 통한 디자인 구현: Make / Sites / FigJam AI
교육 목표:
AI로부터 생성된 프로토타입을 기반으로 웹 퍼블리싱까지 완성할 수 있는 응용 역량을 갖춘다.
세부 내용:
•
AI 기능(ex: Figma Make) 기반의 프롬프트 기반 앱 화면 설계 및 기능 구현
•
AI 기능(ex: Figma Sites) 기반의반응형 웹사이트 디자인 및 퍼블리싱
•
AI 기능(ex: FigJam AI) 기반의사용자 흐름, 플로우차트, 협업 기반 아이디어 설계
•
코드 미리보기, 사용자 여정 기반 프로토타입 구성
•
[Part A: 기획 및 흐름 설계]
◦
모듈 4-1 (기존 6-1): FigJam 아이스브레이킹 (21:49)
◦
모듈 4-2 (기존 6-3): FigJam 어피니티 다이어그램 만들기 (17:39)
◦
모듈 4-3 (기존 6-2): FigJam 다이어그램(유저플로우) 만들기 (15:31)
•
[Part B: App 구현 (Make)]
◦
모듈 4-4 (기존 3-1): Figma Make 기존 제작 사례 살펴보기 (9:51)
◦
모듈 4-5 (기존 3-2): Figma Make 프롬프트로 UI 제작하기 (18:18)
◦
모듈 4-6 (기존 3-3): Figma Make ChatGPT API 연결하기 (13:04)
◦
모듈 4-7 (기존 3-4): Figma Make Supabase로 DB 연결하기 (10:07)
◦
모듈 4-8 (기존 3-5): Figma Make Figma 파일 가져와서 출판하기 (6:36)
•
[Part C: Web 구현 (Sites)]
◦
모듈 4-9 (기존 4-1): Figma Sites 템플릿을 활용한 디자인 (8:32)
◦
모듈 4-10 (기존 4-3): Figma Sites 페이지 디자인 (10:16)
◦
모듈 4-11 (기존 4-2): Figma Sites 반응형 레이아웃을 활용한 디자인 (11:54)
◦
모듈 4-12 (기존 4-4): Figma Sites 인터랙션 활용하기 (13:48)
(5) 포트폴리오 실습 프로젝트
교육 목표:
학습 내용을 종합하여 실무형 UI 프로젝트를 기획·디자인·퍼블리싱하는 실전 능력을 강화한다.
세부 내용:
•
프로젝트 기획 → 사용자 정의 → 디자인 시스템 구성
•
Buzz / Draw / Grid 도구를 활용한 화면 구성
•
Make / Sites 기반 웹 프로토타입 생성
•
포트폴리오 완성
교육 과정 강의 시
오리엔테이션 | 00:26:28 |
모듈 1 | 00:40:39 |
모듈 2 | 01:55:44 |
모듈 3 | 00:57:56 |
모듈 4 | 00:44:30 |
모듈 5 | 00:23:19 |
모듈 6 | 00:54:59 |
모듈 7 | 00:47:33 |
총 강의 시간 | 06:51:08 |
오리엔테이션
모듈 1-1: UI 디자인을 위한 프롬프트 엔지니어링 (22:55)
모듈 1-2: AI x UI디자인을 위한 프롬프트 구조화 (17:44)
모듈 2-1: Stitch AI x Figma 연동을 통한 UI 디자인 (45:03)
모듈 2-2: Relume AI x Figma 연동을 통한 UI 디자인 (39:59)
모듈 2-3: Readdy AI x Figma 연동을 통한 UI 디자인 (30:42)
모듈 3-1: Figma Make 기존 제작 사례 살펴보기 (9:51)
모듈 3-2: Figma Make 프롬프트로 UI 제작하기 (18:18)
모듈 3-3: Figma Make ChatGPT API 연결하기 (13:04)
모듈 3-4: Figma Make Supabase로 DB 연결하기 (10:07)
모듈 3-5: Figma Make Figma 파일 가져와서 출판하기 (6:36)
모듈 4-1: Figma Sites 템플릿을 활용한 디자인 (8:32)
모듈 4-2: Figma Sites 반응형 레이아웃을 활용한 디자인 (11:54)
모듈 4-3: Figma Sites 페이지 디자인 (10:16)
모듈 4-4: Figma Sites 인터랙션 활용하기 (13:48)
모듈 5-1: Figma Buzz 템플릿 활용하기 (6:00)
모듈 5-2: Figma Buzz 브랜드 콘텐츠 제작하기 (9:59)
모듈 5-3: Figma Buzz 콘텐츠 다중 생성하기 (7:20)
모듈 6-1: FigJam 아이스브레이킹 (21:49)
모듈 6-2: FigJam 다이어그램(유저플로우) 만들기 (15:31)
모듈 6-3: FigJam 어피니티 다이어그램 만들기 (17:39)
모듈 7-1: Figma Basic 도형 만들기 (11:35)
모듈 7-2: Figma Basic 도형 만들기 심화 (10:53)
모듈 7-3: Figma Basic 도형 정렬하기 (5:58)
모듈 7-4: Figma Basic 도형 칠하기 (11:45)
모듈 7-5: Figma Basic 프레임 및 프로토타이핑 (7:22)
3. 교육 진행 방법
교육 기간: 총 5주 (주 2회 수업, 총 20시간 내외)
교육 형태: 온라인 실시간 강의, 오프라인 실습 세미나, 녹화 강의 병행
교육 자료:
•
실습용 Figma 파일, 템플릿, 플러그인 활용 가이드
•
프롬프트 예시, 자동화 예제, 포트폴리오 템플릿 등 제공
운영진:
•
Figma 실무자, 생성형 AI 전문가, 디자인 자동화 컨설턴트 등 다수의 현업 전문가
4. 평가 및 자격 부여
평가 방식:
•
이론 시험: 객관식 30문항 + 주관식 3문항
•
실습 과제 평가: 단계별 UI 설계물 및 생성형 AI 결과물 제출
•
종합 프로젝트: 문제 정의, 디자인 시스템, 프로토타입, 퍼블리싱 결과물 패키지 제출
합격 기준:
•
이론 70점 이상, 실습 및 프로젝트 70점 이상 통과 시 자격 부여
5. 기대 효과
•
디자인 자동화 실현: 반복적인 UI 제작 업무의 속도와 정확도 향상
•
AI 도구 실무 통합: 최신 생성형 AI와의 유기적 협업 경험
•
실전 포트폴리오 완성: 바로 활용 가능한 실무형 산출물 확보
•
취업 및 이직 경쟁력 확보: AI 기반 디자인 역량 공식 인증
6. 교육 참여 및 시험 응시
•
교육 수강: 인공지능디자인협회 공식 교육과정을 통해 정기 운영
•
시험 응시: 과정 수료자에게 시험 응시 자격 부여
