Internet Explorer 서비스 종료 안내

Internet Explorer(IE) 11 및 이전 버전에 대한 지원이 종료되었습니다.

원활한 이용을 위해 Chrome, Microsoft Edge, Safari, Whale 등의 브라우저로 접속해주세요.

채용 시 마감 (D-89)

AI 처음 시작하는 피그마 with AI (주말과정)

상세내용

AI와 함께 완성하는 UI·UX 실무
처음 시작하는
피그마 with AI
생성형 AI로 기획과 콘텐츠를 정리하고,
피그마로 웹·앱 UI와 프로토타입을 제작하는
실습 중심 교육
훈련과정
처음 시작하는 피그마 with AI
훈련시간
09:00 ~ 17:40
1일 7~8시간
모집정원
20명
재직자·실업자 대상
COURSE INFO
과정 기본 정보
과정명
처음 시작하는 피그마 with AI
활용도구
Figma, ChatGPT, Gemini
교육방향
AI를 활용해 기획과 콘텐츠를 정리하고, 피그마로 웹·앱 UI와 프로토타입을 제작하는 실습 중심 교육
훈련대상
피그마 입문자, 웹·앱 디자인에 관심 있는 재직자 및 실업자
KEY POINT
교육과정 핵심포인트
01
입문자도 완성할 수 있는 단계별 실습
디자인 기초부터 웹·앱 화면과 프로토타입까지 직접 제작하며 피그마의 기본 흐름을 익힙니다.
02
AI로 기획하고 피그마로 구현하는 방식
ChatGPT와 Gemini로 서비스 아이디어, 화면 구성, UX 문구와 콘텐츠를 정리한 뒤 피그마에서 구현합니다.
03
실무 핵심 기능과 최종 프로젝트 완성
Auto Layout, 컴포넌트, 반응형 디자인, 프로토타입을 단계별로 익히고 개인 최종 프로젝트를 완성합니다.
TARGET
이런 분께 추천합니다
피그마를 처음 배우는 분
웹사이트나 모바일 앱 화면을 직접 만들어보고 싶은 분
UI·UX 디자인을 어디서부터 시작해야 할지 막막한 분
ChatGPT와 Gemini를 디자인 기획과 콘텐츠 작성에 활용하고 싶은 분
개발자·기획자·마케터로서 디자인 협업 흐름을 경험하고 싶은 분
FEATURE
교육특징
01
입문자를 위한 실습형 과정
버튼, 카드, 입력창, 웹페이지 화면을 직접 만들며 피그마의 기본 사용법을 익힙니다.
02
AI와 함께하는 디자인 기획
서비스 아이디어와 사용자, 화면 구성을 구체화하고 UX 문구와 콘텐츠를 작성합니다.
03
매 회차 결과물 제작
기본 UI, 웹페이지 섹션, 반응형 화면, 프로토타입, 디자인 시스템을 결과물로 완성합니다.
04
최종 프로젝트·포트폴리오
Desktop·Tablet·Mobile 화면과 프로토타입을 하나의 프로젝트로 정리합니다.
TOOLS
주요 활용도구
기획·콘텐츠·디자인 제작 단계에 맞춰 피그마와 생성형 AI 도구를 함께 활용합니다.
ChatGPT
서비스 주제와 사용자 요구, 메뉴 구조, UX 문구와 프로젝트 소개문 작성
Gemini
디자인 아이디어 확장, 콘텐츠 구성과 사용자 흐름 검토, 개선 방향 정리
Figma
Frame, Auto Layout, Component, Variants, Prototype을 활용한 웹·앱 UI 제작
OUTCOME
수강 후 기대효과
01 피그마 인터페이스와 기본 UI 제작 흐름 이해
02 Auto Layout과 컴포넌트를 활용한 재사용 구조 설계
03 Desktop·Tablet·Mobile 반응형 화면 제작
04 클릭과 화면 전환이 가능한 프로토타입 제작
05 ChatGPT·Gemini 기반 기획·UX 문구·디자인 개선
06 최종 프로젝트 정리 및 포트폴리오 활용
NOTICE
안내사항
※ 수업 진행 중 피그마 및 AI 도구의 무료 서비스 가입이 필요할 수 있습니다.
※ 무료 가입으로도 실습이 가능하도록 안내하나, 서비스 정책이나 기능 업데이트에 따라 사용 범위가 달라질 수 있습니다.
CURRICULUM
5일 완성 커리큘럼
피그마 기초부터 반응형 UI·UX 프로젝트 완성까지 단계별로 학습합니다.
DAY
01
Figma 기초 이해 & Auto Layout
피그마 기본 기능과 오토 레이아웃
• Figma 인터페이스 구조
• Frame / Section 개념
• 기본 도형 및 텍스트 활용 실습
• Auto Layout 개념 및 구조
• Padding / Spacing 설정
• 카드 및 버튼 UI 제작
RESULT
카드·버튼 UI
피그마 기본 화면 구성
DAY
02
컬러·타이포 시스템 & 컴포넌트
스타일 시스템과 재사용 UI 제작
• 웹 타이포그래피 이해
• 컬러 시스템 구성
• 스타일 등록
• Component 개념 이해
• Instance 활용
• 버튼 및 입력창 UI 제작
• Hero 영역 제작
• 카드 섹션 및 CTA 영역 구성
RESULT
UI 컴포넌트
컬러·타이포 시스템
DAY
03
프로토타입 제작 & UX 구조 설계
사용자 흐름과 반응형 화면 설계
• Prototype 기능 활용
• Smart Animate 적용
• 인터랙션 구현
• 정보구조(IA) 이해
• 사용자 흐름 설계
• 해상도별 설계 기준과 Grid 시스템
• Desktop Mobile 반응형 변환 실습
RESULT
프로토타입
반응형 웹 화면
DAY
04
디자인 시스템 구축 & 협업
재사용 가능한 UI 시스템 구축
• Atomic Design 이해
• 컴포넌트 시스템 정리
• UI 재사용 구조 설계
• Inspect 기능 활용
• Export 설정
RESULT
디자인 시스템
개발 협업용 파일
DAY
05
최종 프로젝트 제작
웹·앱 UI 프로젝트 완성
• 주제 선정 및 기획 정리
• 와이어프레임 설계
• Desktop 디자인 제작
• Tablet / Mobile 반응형 적용
• 컴포넌트 정리
• 프로토타입 연결
• 최종 파일 정리
RESULT
최종 프로젝트
포트폴리오 활용
※ 커리큘럼의 세부 주제와 결과물은 수업 진행 상황, 수강생 수준, 활용 도구 업데이트 등에 따라 일부 조정될 수 있습니다.

AI와 함께 피그마를 처음부터 실습하며

UI·UX 디자인과 프로토타입 제작까지 완성하는 입문 과정입니다.

최대 100% 무료교육으로 부담 없이 시작하세요!

(* 국민취업지원제도 유형 및 교육기간별 상이)


----------------------------------------------

전화문의

02-2658-1131


온라인 신청

https://forms.gle/Fg3k8PFMB4PD9hz78

공식 홈페이지

https://www.iibi.or.kr






허위·과장·오류 내용이 있다면 신고해주세요.

실시간 관심 현황

이 공고를 스크랩한 사용자들이 궁금하다면?

내 정보를 입력하면 스크랩한 사용자들의
학교, 전공, 연령, 관심 직무 현황을 확인할 수 있어요!

이 활동에 관심을 가지는 사용자 (0명)

합격스펙 & 합격자소서

더보기오른쪽 화살표
  • 서울권 / 정치외교학과 / 학점 3.6 / 정책공모전 우수상 / 한국사검정시험: 고급, 컴퓨터활용능력: 2급

    [자유양식 자소서] 지원동기 - 교내에서 청년정책 기획안을 구상했던 적이 있습니다. 이 과정에서 정책 아이디어가 단순한 기획 단계에 머무르지 않고, 실제 행정 절차와 시스템을 거쳐 실행되는 것의 중요성을 깨달았습니다. 특히 디지털 기반 행정체계가 이러한 실행력을 높이는 핵심 도구라는 생각을 하게 되었고, 그 점에서 과학기술정보통신부에 관심을 갖게 되었습니다. 그동안 시행되었던 정책들을 알아보며 중앙부처 정책의 실제 운영 방식을 배워보고 싶다는 생각을 하였습니다. 과기정통부는 정책 기획과 현장 실현 간의 연결 고리를 구축하고 있어

    2025 하반기

    과학기술정보통신부

    행정

  • 연세대학교 / 국어국문학과 / 학점 3.8/4.3 / 오픽: IH / 전국연합마케팅학회, 신촌연합시동아리

    이 글은 채널A 인사 직무에 지원한 합격자가 실제 경험을 바탕으로 작성한 자기소개서 사례입니다. 동아리 운영위원장으로서의 인재 선발 전략 수립, 웹진 제작 프로젝트 리더십 등을 통해 전략적 사고와 협업 역량이 균형 있게 드러난 글입니다. 특히 부원 특성을 분석해 참여율을 66% 이상 끌어올린 실행력이 강점입니다. 👉 더 많은 채널A/인사직 합격 자소서는 링커리어 자소서 만능검색기(https://linkareer.com/cover-letter/search)에서 확인할 수 있습니다. 1. 지원 직무를 수행하는 데 필요한 역량은 무엇

    2025 상반기

    채널A

    인사

  • 충남대 / 전파정보통신공학과 / 학점 3.52/4.5 / 토익스피킹: 140/IH / 기타: 정보처리기사, CCNA, AWS SAA, SQLD

    1. 지원 동기에 대해 기술하여 주시기 바랍니다. 부산MBC의 네트워크 엔지니어가 가져야 할 가장 중요한 역량은 초고화질 미디어 트래픽을 지연 없이 전송하는 '트래픽 분석 및 최적화 역량', 예기치 못한 장애에 신속하게 대응하는 '트래픽 제어 능력', 그리고 지역민과의 실시간 소통을 보장하는 '무중단 서비스에 대한 책임감'이라고 생각합니다. 저는 대학 시절부터 복잡한 네트워크 환경을 스스로 구축하고, 트래픽 지연 문제를 과학적으로 해결하며 방송 엔지니어로서의 기술적 기반을 다져왔습니다. 네트워크의 핵심인 TCP/IP, O

    2026 상반기

    부산MBC

    방송기술

최종합격후기

    인기 활동인기 활동 리스트 보러가기

    오른쪽 화살표

    담당자 Q&A (0)

    담당자가 인증된 공고입니다. 댓글을 달면 담당자가 직접 답변해 드립니다.

      담당자 정보

      담당자
      방송정보국제교육원
      연락처
      0226581131
      이메일

      이 공고 조회자가 많이 본 공고