신규 기능 · 첫 디자인 + 프레임
프레임의 원리를 이해하고 iPhone 화면을 직접 설계해 PNG로 내보내는 전 과정을 체득합니다.
이 가이드의 배경
“Figma 첫 디자인 — 5분 안에 1페이지 시안 만들기”
이 튜토리얼에서 배울 것들
많은 입문자가 Figma를 '그림판'처럼 쓰다가 한계를 느낍니다. 이 강의는 Figma의 핵심 개념인 '프레임'이 왜 존재하는지 원리부터 짚고, 텍스트·도형·색상을 조합해 실제 iPhone 14 화면을 설계한 뒤 PNG로 내보내는 전 과정을 다룹니다. 단순 조작이 아닌, 실무에서 반복 재현 가능한 디자인 사고방식을 함께 익힙니다.
왜 Figma인가? 실무 문제
새 디자인 파일 만들기
프레임이란 무엇인가?
F키와 프리셋의 원리
프레임 직접 만들어보기
텍스트와 도형의 구조
Figma 실제 화면
“설정 메뉴를 클릭하세요”
Extension이 실제 Figma 위에서 단계별로 안내합니다
무료로 제공되는 퀵 가이드입니다.
실제 서비스에서 Extension으로 직접 따라해보세요.
퀵 가이드 담기
내 수강 목록에 추가
바로 시작
Figma 사이트 열림
Extension 안내
단계별 하이라이트 + 설명