← 툴 목록
지금 바로 시작
Figma 완전 정복 — 기능별 상세 가이드
Basic · 약 15분
단계별 가이드
10개기본 사용법7개
Figma AI로 UI 초안 10분 만에 뽑기 — 텍스트 → 완성 화면
기초 15분
Figma Variables로 다크모드 한 번에 전환하기
Figma Variables를 사용하면 색상·텍스트·수치를 변수로 관리하고, 라이트/다크 모드 전환을 버튼 하나로 할 수 있습니다.
중급 15분
Figma 처음 시작하기 — 무료 계정으로 디자인 시작
Figma는 웹 기반 무료 디자인 도구입니다. 설치 없이 브라우저에서 바로 디자인을 시작할 수 있고, 팀원과 실시간 협업도 가능해요.
입문 12분
Figma 컴포넌트로 디자인 시스템 만들기
Figma 컴포넌트를 사용하면 버튼·카드·헤더 같은 반복 요소를 한 번 만들고 수백 곳에서 재사용할 수 있습니다. 하나를 수정하면 모든 곳이 자동으로 업데이트돼요.
기초 15분
Figma 프로토타입으로 클릭 가능한 목업 만들기
Figma 프로토타입 기능으로 실제로 클릭하고 화면이 전환되는 인터랙티브 목업을 만들 수 있습니다. 개발 전 아이디어 검증이나 클라이언트 프레젠테이션에 완벽해요.
기초 12분
Figma Auto Layout으로 반응형 디자인 만들기
Auto Layout을 적용하면 텍스트가 길어져도 버튼이 자동으로 늘어납니다. 실제 코드의 Flexbox처럼 작동해 개발자 핸드오프에도 완벽해요.
기초 12분
Figma Community에서 무료 템플릿·아이콘 가져오기
Figma Community에는 수만 개의 무료 UI 템플릿, 아이콘 세트, 목업이 있습니다. 처음부터 만들지 않고 이걸 가져와 수정하면 디자인 시간을 크게 절약할 수 있어요.
입문 8분