피그마 화면 구조 읽는 법: IT 기획자가 먼저 확인해야 할 핵심 포인트
피그마 화면 구조 읽는 법: IT 기획자가 먼저 확인해야 할 핵심 포인트 피그마 화면 구조 읽는 법: IT 기획자가 먼저 확인해야 할 핵심 포인트 피그마를 처음 열면 화면이 넓고 요소가 많아 어디부터 봐야 할지 막막할 수 있습니다. 특히 PPT로 화면설계서를 만들던 IT 기획자라면 피그마의 프레임, 레이어, 컴포넌트가 낯설게 느껴집니다. 하지만 피그마 화면 구조를 읽는 순서는 어렵지 않습니다. 디자인을 예쁘게 평가하려고 하지 말고, 화면이 기능과 정책을 제대로 담고 있는지 확인하면 됩니다. 📌 목차 화면 구조를 먼저 봐야 하는 이유 1. 프레임 단위 확인하기 2. 사용자 흐름 확인하기 3. 버튼과 입력값 확인하기 4. 예외 화면 확인하기 5. 개발 기준 프레임 확인하기 결론 FAQ 화면 구조를 먼저 봐야 하는 이유 피그마 화면을 볼 때 가장 먼저 색상이나 아이콘부터 보면 길을 잃기 쉽습니다. IT 기획자는 디자인 완성도보다 화면의 역할과 흐름을 먼저 봐야 합니다. 예를 들어 로그인 화면이라면 예쁜지보다 아이디 입력, 비밀번호 입력, 로그인 버튼, 오류 메시지, 비밀번호 찾기 이동이 제대로 있는지 확인해야 합니다. 1. 프레임 단위 확인하기 피그마에서 프레임은 하나의 화면 단위입니다. PPT의 슬라이드처럼 생각하면 쉽지만, 실제로는 서비스의 한 화면에 더 가깝습니다. 이 프레임은 어떤 기능의 화면인가? 화면 이름이 명확하게 정리되어 있는가? 기본 화면과 오류 화면이 구분되어 있는가? PC, 모바일 화면이 따로 필요한가? 2. 사용자 흐름 확인하기 화면 하나만 보는 것으로는 부족합니다. 사용자가 어떤 순서로 이동하는지 확인해야 합니다. 버튼을 누른 뒤 어디로 가는지, 취소하면 어디로 돌아가는지, 실패하면 어떤 화면이 나오는지 봐야 합니다. ...
