자주 묻는 질문

Web Master Course

이 시대 디자이너와 퍼블리셔에게 요구되는 것은 툴과 언어 숙지를 넘어 전체 프로세스를 리드하는 역량입니다.
실무 워크플로우를 기반으로 기획, 디자인, 퍼블리싱 그리고 Ai를 하나의 흐름으로 연결합니다.

지금 시작하기 · 월 99,000

웹 앱 시스템 설계 바이블 : Figma + AI 워크플로우

피그마를 기반으로 논리가 살아있는 디자인 시스템을 구축합니다. AI를 활용한 3가지 실전 프로젝트를 통해 체계적인 컴포넌트 설계법을 완성합니다.

  • step 1

    피그마 마스터 피스

    피그마 툴을 마스터합니다. 이어지는 디자인 이론과 시스템 설계 과정의 핵심 베이스가 됩니다.

    피그마 마스터 피스VOD시안 (figma)
  • step 2

    피그마 마스터 피스 next step
    디자인 이론

    비전공자 필수 워밍업. 디자인 퀄리티를 결정짓는 기본 공식을 즉시 써먹는 규칙 위주로 전달합니다.

    피그마 마스터 피스 next stepVOD시안 (figma)
  • step 3

    디자인 토큰(Design Tokens) — AI와의 소통 언어 만들기

    AI 기반의 워크플로우로 모델이 읽을 수 있는 형태로의 디자인 토큰과 변수 사용, 컴포넌트 설계법을 배웁니다.

    VOD도메인별 디자인 시스템 3종

AI 소스를 '내 시안'으로 바꾸기

결국 내 고집대로 뽑아내야 직성이 풀리는 디자이너의 통제 욕구를 위하여

New

Claude가 만든 화면
Figma로 불러와서 수정하기

AI가 주는 우연에 만족하세요? AI의 디자인을 수렴하되 자신의 의도대로 리드하기.

12강

12강

HTML/CSS/JS 디자인패턴 100제 (웹 퍼블리싱)

100가지 UI 패턴과 레이아웃을 직접 코드로 구현해보는 실전 훈련 과정입니다.

  • step 1

    HTML/CSS/JS
    디자인패턴 100제

    기초 HTML, CSS, JS를 마스터합니다.
    피그마 시안이 실제 웹이 되는 실무 패턴 100제.

    VOD시안 (figma)
  • step 2

    100제 수강생 next step
    리팩토링 & 인터렉션

    디자인 토큰 기반 변수 지정과 SCSS 리팩토링으로 코드의 구조를 세우고, GSAP을 이용해 수준 높은 인터랙션을 구현합니다.

    VOD시안 (figma)
  • step 3

    100제 수강생 final step
    Next.js 바이브 코딩

    디자이너(퍼블리셔)의 언어 HTML/CSS를 개발자의 언어 Next.js로 전환하고 유지보수 하기.

    VOD도메인별 디자인 시스템 3종

툴 기초 & 자격증

Lorem ipsum

  • 그래픽

    포토샵 시작하기

    보정부터 합성까지, 실무에서 바로 쓰는 포토샵 핵심 기술을 배웁니다.

    포토샵 시작하기VOD시안 (figma)
  • 그래픽

    일러스트레이터 시작하기

    보정부터 합성까지, 실무에서 바로 쓰는 포토샵 핵심 기술을 배웁니다.

    일러스트레이터 시작하기VOD시안 (figma)
  • 자격증

    GTQ & GTQi

    보정부터 합성까지, 실무에서 바로 쓰는 포토샵 핵심 기술을 배웁니다.

    VOD도메인별 디자인 시스템 3종