디자인베이스 https://validator.w3.org/feed/docs/rss2.html 애프터 이펙트 모션 디자인 기초부터 실전까지 Blog 디자인베이스 홈페이지 2026 왕초보를 위한 피그마 강좌 2-11. Variables와 Collections 이해하고 사용하기 2-12. Modes로 테마와 환경 전환하기 2-13. 프로토타이핑 활용법 2-14. Figma Motion으로 등장 애니메이션 만들기 2-15. 작업 속도를 높이는 유용한 기능 2-16. Figma Agent로 디자인 생성·수정·검수하기 2-17. Figma Skills 만들고 반복 작업 자동화하기 2-18. 에셋과 디자인 결과물 내보내기 2-19. 작업 공유와 실시간 협업하기 2-20. Dev Mode와 Figma MCP로 디자인을 개발로 연결하기 2-01. 페이지, 섹션, 프레임, 그룹, 레이어 이해하기 2-02. 도형과 텍스트 사용해서 UI 스타일링 2-03. Effect 마스터하기: Shadow, Blur, Noise, Texture, Glass, Shader 2-04. 패스파인더 기능을 활용해서 아이콘 만들기 2-05. Layout Guide로 컬럼과 그리드 설정하기 2-06. Auto Layout 사용법 2-07. Constraints와 Resizing으로 반응형 구조 만들기 2-08. Style을 만들고 재사용하기 2-09. 컴포넌트와 인스턴스 사용하기 2-10. 컴포넌트 프로퍼티 다섯 가지 핵심 이해하기 1-01. 피그마 강좌 소개와 대시보드·파일 관리 살펴보기 1-02. 지금의 Figma Design 한눈에 보기 — AI Agent부터 Motion까지 1-03. Figma Draw로 벡터 드로잉 활용하기 1-04. FigJam 살펴보기 1-09. 피그마 크롬 익스텐션 1-05. Figma Slides로 발표 자료 만들기 1-06. Figma Make로 아이디어 구현하기 1-07. Figma Sites로 반응형 웹사이트 만들기 — CMS와 Code Layer까지 1-08. Buzz 기능을 통해 간단한 디자인 빠르게 작업하기 웹 디자인 기초와 UI 설계 원리 산출물 정리 및 핸드오프 준비 페이지 제작 – 소개페이지 페이지 제작 – 목록 페이지 주요 컴포넌트 제작 디자인시스템 설정(타이포그래피, 컬러시스템, 스페이싱 등) 반응형 프레임과 그리드 설정 규칙으로 만드는 디자인 시스템 디자인베이스 강좌가 새로워집니다 — 커리큘럼 학습 추가 안내 Lottie 기초부터 웹 인터랙션까지 웹의 인터렉션 이해하기 웹디자인 간격과 크기 설정법 | 스페이싱·사이징 규칙 이해하기 웹디자인 이미지 활용법 | 그래픽 스타일 선택부터 WebP 최적화까지 웹디자인 컬러 사용법 | UI 컬러 시스템과 디자인 토큰 이해하기 웹디자인 간격과 크기 설정법 | 스페이싱·사이징 규칙 이해하기 – 웹디자인 강좌 2-5 웹디자인 이미지 활용법 | 그래픽 스타일 선택부터 WebP 최적화까지 – 웹디자인 강좌 2-6 웹디자인 컬러 사용법 | UI 컬러 시스템과 디자인 토큰 이해하기 – 웹디자인 강좌 2-4