웹 앱 시스템 설계 바이블 : Figma + AI 워크플로우피그마를 기반으로 논리가 살아있는 디자인 시스템을 구축합니다. AI를 활용한 3가지 실전 프로젝트를 통해 체계적인 컴포넌트 설계법을 완성합니다.step 1피그마 마스터 피스피그마 툴을 마스터합니다. 이어지는 디자인 이론과 시스템 설계 과정의 핵심 베이스가 됩니다.VOD시안 (figma)12강수강신청step 2피그마 마스터 피스 next step디자인 이론비전공자 필수 워밍업. 디자인 퀄리티를 결정짓는 기본 공식을 즉시 써먹는 규칙 위주로 전달합니다.VOD시안 (figma)12강수강신청step 3디자인 토큰(Design Tokens) — AI와의 소통 언어 만들기AI 기반의 워크플로우로 모델이 읽을 수 있는 형태로의 디자인 토큰과 변수 사용, 컴포넌트 설계법을 배웁니다.VOD도메인별 디자인 시스템 3종12강12강수강신청
AI 소스를 '내 시안'으로 바꾸기결국 내 고집대로 뽑아내야 직성이 풀리는 디자이너의 통제 욕구를 위하여NewClaude가 만든 화면Figma로 불러와서 수정하기AI가 주는 우연에 만족하세요? AI의 디자인을 수렴하되 자신의 의도대로 리드하기.12강12강
HTML/CSS/JS 디자인패턴 100제 (웹 퍼블리싱)100가지 UI 패턴과 레이아웃을 직접 코드로 구현해보는 실전 훈련 과정입니다.step 1HTML/CSS/JS디자인패턴 100제기초 HTML, CSS, JS를 마스터합니다.피그마 시안이 실제 웹이 되는 실무 패턴 100제.VOD시안 (figma)12강수강신청step 2100제 수강생 next step리팩토링 & 인터렉션디자인 토큰 기반 변수 지정과 SCSS 리팩토링으로 코드의 구조를 세우고, GSAP을 이용해 수준 높은 인터랙션을 구현합니다.VOD시안 (figma)12강수강신청step 3100제 수강생 final stepNext.js 바이브 코딩디자이너(퍼블리셔)의 언어 HTML/CSS를 개발자의 언어 Next.js로 전환하고 유지보수 하기.VOD도메인별 디자인 시스템 3종12강12강수강신청
툴 기초 & 자격증Lorem ipsum그래픽포토샵 시작하기보정부터 합성까지, 실무에서 바로 쓰는 포토샵 핵심 기술을 배웁니다.VOD시안 (figma)12강수강신청그래픽일러스트레이터 시작하기패스부터 타입까지, 벡터 그래픽의 핵심 기술을 배웁니다.VOD시안 (figma)12강수강신청자격증GTQ & GTQi보정부터 합성까지, 실무에서 바로 쓰는 포토샵 핵심 기술을 배웁니다.VOD도메인별 디자인 시스템 3종12강수강신청
VOD시안 (figma)
