피그마 전체적으로 훑어보기 - 피그마 강좌 1-2

피그마 대시보드 살펴보기

피그마를 처음 열었을 때, 대시보드가 제일 먼저 나와서요, 이게 무슨 역할을 하는지부터 알아봐야 해요. 쉽게 말하면, 대시보드는 피그마의 메인 홈베이스예요. 여기서 계정 관리부터 프로젝트 목록, 커뮤니티 탐색까지 할 수 있거든요. 초보자분들을 위해 설명드리면, 대시보드는 로그인 후 보이는 첫 화면으로, 여러 기능을 한눈에 정리해줘서 작업을 시작하기 쉽도록 설계됐어요. 예를 들어, 오른쪽 상단에 계정 설정을 클릭하면 추가 계정을 만들거나 데스크톱 앱을 다운로드할 수 있어요. 이 앱은 웹 버전보다 더 안정적으로 사용할 수 있으니, 자주 작업하는 분들은 꼭 다운로드 해보세요.

대시보드의 주요 섹션으로는 '센츠라이브러리'가 있어요. 이건 임시 작업물을 저장하는 공간으로, 완성되지 않은 아이디어를 보관해두는 데 딱 맞아요. 구체적 예시로, 제가 디자인 아이디어를 스케치하다가 잠시 멈췄을 때 이곳에 저장했어요. 그러면 나중에 다시 불러와서 이어갈 수 있죠. 비교해보면, 다른 도구처럼 복잡한 폴더 구조가 아니고, 간단한 리스트 형태라 초보자도 헤맬 일이 적어요. 실전 팁으로는, 대시보드에서 '크레이트 뉴' 버튼을 눌러 새 파일을 만들기 전에, 무료 플랜의 한계를 확인하세요. 무료 플랜은 프로젝트 하나와 디자인 파일 세 개만 허용하거든요. 왜 중요한지 설명하자면, 이 제한 때문에 작업이 쌓이면 플랜 업그레이드가 필요해져요. 그래서 처음 접하시는 분들은 대시보드에서 플랜 버튼을 눌러 가격과 기능을 비교해보는 게 좋겠어요. 실제로 저는 프로페셔널 플랜으로 업그레이드하니, 변수 모드나 라이브러리 기능이 더 자유로워졌어요. 이 섹션에서 얻는 팁은, 대시보드를 활용해 매일 로그인 루틴을 만들면 피그마 강좌를 더 효과적으로 따라갈 수 있을 거예요.

피그마 파일 유형과 플랜

피그마의 파일 유형을 알아보니, 이게 디자인 작업의 기본 단위예요. 쉽게 말하면, 파일 유형은 피그마에서 만들 수 있는 다양한 프로젝트 형태를 뜻해요. 초보자분들을 위해 설명드리면, 디자인 파일은 UI 디자인을 위한 캔버스, 피그마 보드는 아이디어 브레인스토밍 공간, 슬라이드 덱은 프레젠테이션 도구로 각각 역할을 나눠요. 예를 들어, 디자인 파일을 만들면 빈 캔버스가 나오는데, 여기서 아트보드와 컴포넌트를 써서 웹사이트 레이아웃을 그릴 수 있어요. 반대로, 피그마 보드는 화이트보드처럼 자유롭게 아이디어를 적는 데 쓰여요.

파일 유형을 선택할 때 플랜의 영향을 고려해야 해요. 무료 플랜은 기본 기능만 제공하지만, 프로페셔널 플랜은 더 많은 옵션을 열어주죠. 구체적 예시로, 무료 플랜에서 프로젝트 하나만 만들 수 있어서 여러 프로젝트를 병행하다가 한계에 부딪혔어요. 비교 수치로, 무료 플랜은 파일 3개 제한이지만, 프로페셔널은 무제한이에요. 이 차이가 중요한 이유는, 프로페셔널 플랜에서 라이브러리 기능을 쓰면 재사용 가능한 컴포넌트를 공유할 수 있어서 시간 절약이 돼요. 실전 팁으로는, 플랜을 선택하기 전에 피그마 웹사이트로 가서 'co 피스' 섹션을 확인하세요. 거기서 기능 목록을 보면, 예를 들어 기업용 오가니제이션 플랜은 팀 협업에 강력하지만, 초보자는 스타터부터 시작하는 게 좋아요. 어떻게 하라는 건지, 저는 강좌를 진행하며 프로페셔널을 추천해요. 왜냐면, 변수 모드를 사용하면 디자인 변경이 한 번에 반영되니 생산성이 2배로 올라가거든요. 이 섹션의 새로운 관점은, 파일 유형을 실험하며 본인 작업 스타일에 맞는 걸 찾는 거예요. 커뮤니티에서 공유된 리소스, like iOS 15 UI 키트를 다운로드하면 파일을 더 풍부하게 만들 수 있답니다.

피그마 인터페이스 탐험

피그마의 인터페이스를 자세히 들여다보면, 이게 실제 디자인 작업의 핵심 무대예요. 쉽게 말하면, 인터페이스는 캔버스와 툴바, 사이드바로 구성된 작업 공간으로, 초보자분들을 위해 설명드리면 각 부분이 직관적으로 배치되어 있어요. 예를 들어, 왼쪽 툴바에는 텍스트나 도형 추가 도구가 있고, 오른쪽에는 속성 조절 패널이 있어요. 구체적 예시로, 도형을 선택하면 코너 레디우스를 조정할 수 있어서 사각형을 둥글게 만들 수 있죠. 이 기능은 iOS 스타일 아이콘을 디자인할 때 유용해요.

인터페이스의 주의사항은, 복잡해 보이지만 단계를 따라가면 쉽다는 거예요. 비교로, 다른 도구처럼 메뉴가 많지 않아서 초보자도 빨리 적응할 수 있어요. 실전 팁으로는, 커맨드 키를 누르고 클릭하면 안쪽 요소를 한 번에 선택할 수 있으니, 레이어를 다루는 데 시간을 절약하세요. 왜 중요한지, 이 팁을 모르면 계속 더블클릭하며 헤매서 작업 효율이 떨어지거든요. 대안으로, 데브 모드를 사용하면 개발자와 협업이 쉬워져요. 예를 들어, 프로토타입 탭을 활성화하면 페이지 이동 애니메이션을 추가할 수 있죠. 이 섹션의 실용적 내용은, 인터페이스에서 자주 쓰는 기능을 우선 익히는 거예요. 구체적으로, 텍스트 레이어에서 폰트 크기와 행간을 조정할 때 퍼센트 단위를 써보세요. 수치로, 150% 행간을 설정하면 텍스트가 더 읽기 편해져요. 대안 제시로, 만약 피그마가 익숙하지 않으면 스케치 앱을 먼저 써보는 것도 좋지만, 피그마의 실시간 협업 기능이 더 강력하니 장기적으로 추천해요. 이렇게 탐험하다 보면, 피그마 강좌의 다음 단계로 넘어가기 수월할 거예요.