AI

대구디지털혁신진흥원 AI SW 파일럿 과정

Day 1 AI Lecture Classroom

Day 1 AI Product Wireframing with Figma 영상 + AI 챗봇 학습

Figma 기반 서비스 화면 설계와 AI 학습도우미

이 페이지는 Day 1 학습용 상세 페이지입니다. 상단 영상으로 1일차 핵심 내용을 학습하고, 오른쪽 AI 챗봇에게 Figma, User Flow, Landing / Dashboard / Auth 화면 설계에 대해 질문할 수 있습니다.

대상: Figma 입문자
준비물: 노트북, Figma 계정
구성: 2시간 이론 / 3시간 실습 / 1시간 공유

Day 1 강의 영상

유튜브 추천 강의
Day 1 커리큘럼 핵심 주제(Figma 입문, User Flow, Auto Layout, Wireframe, Prototyping)에 해당하는 유튜브 추천 강의 리스트입니다. (외부 퍼가기 및 재생이 허용된 freeCodeCamp 무료 강의 영상으로 교체되었습니다.)
📚 전체 강의 목록 (5개)
  • 1. Figma 기초 및 화면 설계 입문 (Full Course)
    9:35:10
  • 2. User Flow 및 와이어프레임 설계 기초
    3:58:30
  • 3. Figma 와이어프레임 실무 가이드
    20:45
  • 4. 메인 화면 와이어프레임 제작 실습
    4:12:00
  • 5. Figma 프로토타입 설계 및 디자인 시스템
    8:14:00

핵심 요약 노트

Day 1 Summary

오늘의 핵심 목표

Day 1에서는 Figma를 활용한 서비스 화면 설계의 기초를 익히고, User Flow를 바탕으로 핵심 화면 구조를 설계합니다.

  • Figma 기초 익히기: 프레임, 텍스트, 도형, 오토레이아웃 등 기본 도구 이해
  • User Flow 기반 설계: 사용자의 이동 흐름에 따라 화면 구조를 정리
  • 핵심 화면 와이어프레임 제작: Landing, Dashboard, Auth 화면 설계
  • 프로토타입 연결: 화면 간 이동과 흐름을 클릭 가능한 형태로 연결
  • 협업 및 피드백: 결과 공유와 개선 포인트 정리
학습 팁: 오른쪽 AI 챗봇에게 “Landing 화면에는 어떤 요소가 들어가야 해?” 또는 “User Flow를 쉽게 설명해줘” 같은 질문을 해보세요.