강좌개요

· Figma의 기본 인터페이스와 벡터 도구, 그래픽 스타일을 이해하여 UI 디자인 제작의 기초를 체계적으로 학습합니다.

· 오토 레이아웃과 컴포넌트 기초를 익혀 효율적인 레이아웃 구성과 재사용 가능한 디자인 요소 제작 방법을 습득합니다.

· Figma Site 기능을 활용하여 간단한 웹페이지를 직접 구현하며 디자인 결과물을 실제 화면으로 연결하는 경험을 합니다.

· Figma Make 기능을 활용한 프롬프트 투 코드 실습을 통해 디자인을 코드로 전환하는 최신 워크플로우를 이해합니다.

· 최신 Figma AI 기능을 활용하여 디자인 자동화와 생산성 향상 방법을 익히고, 디자인에서 개발까지 이어지는 통합 실무 역량을 강화합니다.

학습목표

· Figma의 기본 인터페이스와 벡터 도구, 그래픽 스타일 기능을 이해하고 기본적인 UI 화면을 설계하고 제작할 수 있습니다.

· 오토 레이아웃과 컴포넌트 기초 기능을 활용하여 재사용 가능한 UI 요소를 구성하고 효율적인 화면 레이아웃을 설계할 수 있습니다.

· Figma Site 기능을 활용하여 디자인 결과물을 간단한 웹페이지 형태로 구현하고 화면 흐름을 구성할 수 있습니다.

· Figma Make 기능을 활용한 프롬프트 투 코드 실습을 통해 디자인을 코드로 변환하는 기본적인 워크플로우를 수행할 수 있습니다.

· 최신 Figma AI 기능을 활용하여 디자인 자동화와 생산성 향상을 위한 프롬프트 기반 디자인 작업을 수행할 수 있습니다.

학습대상

· Figma의 기본 기능과 UI 디자인 제작 과정을 체계적으로 배우고 싶은 초중급 학습자

· 웹 및 모바일 인터페이스 디자인을 처음부터 실습 중심으로 익히고자 하는 예비 디자이너 및 콘텐츠 제작자

· 컴포넌트, 오토 레이아웃, 반응형 레이아웃 등 실무 중심 UI 설계 방법을 배우고 싶은 디자이너

· Figma AI 기능과 플러그인을 활용한 디자인 자동화와 효율적인 작업 방식을 익히고 싶은 크리에이터 및 기획자