라벨이 피그마 사용법인 게시물 표시

IT 기획자가 피그마에서 꼭 알아야 할 기본 기능 7가지

이미지
IT 기획자가 피그마에서 꼭 알아야 할 기본 기능 7가지 IT 기획자가 피그마에서 꼭 알아야 할 기본 기능 7가지 피그마를 처음 여는 IT 기획자는 화면보다 먼저 당황합니다. 메뉴는 많고, 캔버스는 넓고, 디자이너는 익숙하게 움직이는데 기획자는 어디를 눌러야 할지 잠시 멈춥니다. 하지만 IT 기획자가 피그마의 모든 기능을 배울 필요는 없습니다. 디자인을 직접 완성하는 것보다 중요한 것은 화면을 읽고, 흐름을 확인하고, 피드백을 남기고, 개발자에게 기준을 전달하는 것 입니다. 이번 글에서는 피그마를 처음 쓰는 IT 기획자가 실무에서 꼭 알아야 할 기본 기능 7가지를 정리했습니다. 기능 설명서가 아니라, 회의실에서 바로 써먹는 작은 도구함처럼 보시면 됩니다. 📌 목차 1. 프레임: 서비스 화면 하나를 읽는 기준 2. 레이어: 화면 요소가 쌓인 구조 3. 컴포넌트: 반복 UI를 관리하는 원본 4. 프로토타입: 버튼 클릭 후 흐름 확인 5. 댓글: 화면 위에 남기는 피드백 6. 공유 링크: 화면 전달의 시작점 7. Dev Mode: 개발 전달 기준 확인 기획자용 피그마 기본 기능 체크리스트 결론 FAQ 1. 프레임: 서비스 화면 하나를 읽는 기준 피그마에서 프레임은 하나의 화면 단위입니다. PPT의 슬라이드처럼 이해할 수 있지만, 실제로는 서비스의 한 화면에 더 가깝습니다. 예를 들어 로그인 화면, 회원가입 화면, 목록 화면, 상세 화면이 각각 하나의 프레임이 될 수 있습니다. IT 기획자는 프레임을 보며 “이 화면이 어떤 기능의 어느 단계인가?”를 먼저 확인해야 합니다. 프레임 이름이 기능 기준으로 명확한가? 기본 화면과 오류 화면이 구분되어 있는가? PC, 모바일 화면이 따로 필요한가? 개발 기준으로 볼 최종...

피그마 레이어 기초: PPT 도형 순서처럼 쉽게 이해하기

이미지
피그마 레이어 기초: PPT 도형 순서처럼 쉽게 이해하기 피그마 레이어 기초: PPT 도형 순서처럼 이해하는 가장 쉬운 방법 PPT를 사용해 본 분이라면 도형을 앞으로 보내거나 뒤로 보내는 기능을 아실 것입니다. 사각형 위에 글자를 올리고, 이미지 뒤에 배경을 넣는 방식입니다. 피그마의 레이어 도 이와 비슷하게 이해하면 쉽습니다. 레이어는 화면을 구성하는 작은 조각입니다. 버튼, 글자, 이미지, 아이콘, 입력창이 각각 하나의 레이어가 될 수 있습니다. 여러 장의 투명 종이를 겹쳐 하나의 그림을 만드는 것처럼 생각하면 됩니다. 📌 목차 레이어란 무엇인가요? PPT 도형 순서와 무엇이 비슷할까요? 기획자는 레이어에서 무엇을 봐야 할까요? 실무에서 헷갈리지 않는 팁 결론 FAQ 레이어란 무엇인가요? 레이어는 피그마 화면 안에 들어 있는 각각의 요소입니다. 예를 들어 로그인 화면에는 제목 글자, 아이디 입력창, 비밀번호 입력창, 로그인 버튼, 안내 문구가 있습니다. 이 요소들이 모두 레이어입니다. 쉽게 말해 프레임이 하나의 화면이라면, 레이어는 그 화면을 만드는 부품입니다. 냉장고가 프레임이라면 손잡이, 문, 선반, 조명이 레이어인 셈입니다. PPT 도형 순서와 무엇이 비슷할까요? 구분 PPT 피그마 구성 요소 도형, 텍스트, 이미지 레이어 순서 앞으로 보내기, 뒤로 보내기 레이어 위아래 순서 묶기 그룹 그룹 또는 프레임 확인 포인트 겹침과 배치 요소 구조와 화면 구성 PPT에서 글자가...