본문 바로가기

분류 전체보기38

Part 3. 피그마 시작 가이드 #인터페이스 피그마 파일을 막상 열고나니, 무엇부터 해야 할지 망설여지셨나요? 피그마 에디터는 파일에 대한 접근 권한이 "편집자"이냐 "뷰어"이냐에 따라 인터페이스 구성에 차이가 있습니다. [공유 목적] 피그마를 처음 사용하는 사용자를 위한 기본 가이드 공유. [공유 대상] - 피그마를 처음 접한 사용자 - 피그마를 사용하고 싶거나 관심 있는 UI/UX 디자이너, 개발자, 기획자, 마케터, 클라이언트, CEO, 학생 - 피그마로 제작된 산출물을 공유 받는 디자이너, 개발자, 기획자, 마케터, 클라이언트, CEO, PM, PO [목차] 1) figma 편집 모드 살펴보기(Can Edit) 2) figma 뷰어 모드 살펴보기(Can View) 3) figma 에디터 툴바 기능 소개 편집 모드와 뷰어 모드 비교 1) fi.. 2021. 2. 21.
figma에서 8의 배수로 간격 조정하는 기능 ※ 동영상으로 보시려면 아래 영상을 참고해주세요. ※ 8 pixel 그리드 기준 작업 시 유용한 팁 - Nudge amount 기능을 소개합니다. Default 값으로 설정되어 있는 10을 8로 변경합니다. 일반적으로 shift 키를 누른 채 키보드 방향키를 클릭하면 10 pixel 간격으로 이동이 되는데 이 설정으로 8 pixel 간격으로 객체를 이동시킬 수 있습니다. * 피그마에서 객체 간격 이동 단축키 : Shift + 방향 키 여러분의 작업 시간을 줄여주는 유용한 실무 팁입니다. 다음에 또 만나요. ※ 8배수 Grid가 왜 중요한지 궁금 하신 분은 아래 링크를 참고해 주세요. Material Design Build beautiful, usable products faster. Material De.. 2021. 2. 21.
Part 2. 피그마 시작 가이드 #파일생성하기 #figma기초 figma.com에 접속하여 로그인 합니다. 참고로 무료 계정으로 로그인 하였고, 설명을 위해 새롭게 figma 계정을 생성하였습니다. Part 1. Figma 유료 결제 시 유의사항 및 기본 설정 figma 기본 설정 1) 좌측 상단에 이름 영역을 선택하여 내 정보 페이지로 이동 2) 내 정보 페이지 > Settings 1. 이름 변경: Chage name 클릭 2. 프로필 사진 변경: 프로필 영역 클릭 후 사진 업로드 3. 팀 세 designer-story.tistory.com 이 포스팅에서 개인 파일 생성 / 프로젝트 단위의 팀 파일 생성 / 파일삭제 / 파일 복구 등에 대한 사용 팁을 배울 수 있습니다. [목차] 1) Community - 각종 Figma 샘플 미리보기 2) Drafts - 개인 .. 2021. 2. 20.
피그마 컴포넌트의 인스턴스 속성을 Reset 하는 방법 Q. 인스턴스의 네이밍을 기존 Main Componet와 동일하게 변경하고 싶습니다. [가정]컴포넌트를 생성 후에 그 Main Component(btn-primary)를 복제한 Instance를 이름과 색상을 변경하였다고 가정해봅니다.해당 instance를 선택하고 오른쪽 Design 패널에서 instance 네임 우측에 있는 더보기 아이콘을 클릭했습니다. (위 그림 참고) [인스턴스의 옵션]Detach instance : instance와 원본 객체인 Main Component와의 연결을 끊을 수 있습니다. 즉 Main Component를 수정해도 Detach 한 객체는 더 이상 영향을 받지 않습니다. Reset all overrides: 수정된 속성을 모두 원본과 동일하게 되돌리고자 할 때 이를 클릭.. 2021. 2. 19.

티스토리툴바