본문 바로가기

분류 전체보기38

피그마의 팀 라이브러리 기능 Figma의 팀 라이브러리 기능 디자인 시스템을 구축하기 위한 컴포넌트 에셋들을 하나 이상의 파일에서 재사용하기 위해 필요한 기능입니다. Local 컴포넌트들을 Global 스타일로 만들기 위해 필요한 기능입니다. 팀 라이브러리는 꼭 디자이너가 여러 명이어야 사용하는 기능은 아닙니다. 물론 디자이너가 많을수록 그 효율은 증대합니다. 실무를 진행하다 보면 파일 하나로 운영이 불가한 시점이 생깁니다. 그때 Professional 플랜을 고려하셔도 늦지 않습니다. [🔗참고 영상] 피그마 기초 - 컴포넌트의 개념 9월 업데이트 - Figma 컴포넌트 관련 업데이트 2020/9/17일 오후, 갑자기 인스턴스(Instance) 기능의 업데이트가 있었습니다. 1) Instance에 대한 "Go to Main Com.. 2022. 3. 18.
figma에서 Font Awesome Icon 사용하기 언제부턴가 아이콘을 매번 그리기보단 기본 아이콘들은 폰트 어썸을 사용하고 있는데요, 피그마에서 폰트 어썸 아이콘을 사용하는 방법에 대해 포스팅하였습니다. 최근 팀 내부에서 사용하려고 제작한 가이드 문서인데 피그마를 사용하는 다른 분들께도 공유하고 싶어서 블로그에 담아보았습니다. 폰트 어썸(Font Awesome Icon)이란? 폰트 형태로 아이콘을 제공하는 서비스입니다. 폰트처럼 사이즈를 조절하고 색상을 수정할 수 있습니다. 무료 또는 유료 버전으로 사용 가능하며, 웹 퍼블리싱 시에 간단하게 아이콘을 등록할 수 있습니다. WEB 디자인 및 개발 시 작업시간을 절약해줍니다. 실무에서 Web Design & 개발 시 사용하는 서비스 중 하나입니다. 폰트 어썸 다운로드 및 설치 Font Awesome The .. 2021. 10. 30.
피그마 유료 플랜 구매 시 참고 사항 #professional플랜 참고 사례 * 비슷한 사례 예시 : Link [질문] 회사 프로젝트 때문에 주요 편집자 디자이너 5명이서 피그마를 써야 할 것 같은데 각각 프로페셔널 버전으로 구매하면 5명이서 한 시안을 동시 편집 가능할까요? [답변] 5명의 디자이너가 각각 프로페셔널 버전으로 구매 시 팀이 5개가 생성됩니다.(😅😅😅) → 팀별로 편집자당 추가 Seat를 구매해야 하기 때문에 자칫 돈낭비로 이어질 수 있습니다. [추천 방법] 협업할 멤버를 초대할 한 개의 팀을 생성 → 관리자 계정에 대해서만 먼저 프로페셔널 유료 플랜 구매 → 이때 팀에 추가 멤버를 초대합니다. 함께 협업할 인원에 대해 "Design 파일"에 대한 편집 권한을 부여한 후, 추가로 유료 플랜을 결제하는 방식을 추천드립니다. 팀을 생성하는 방법과 유의사항은.. 2021. 6. 5.
피그마로 개발자와 협업하기 #inspect패널 #codeView 우선 figma에서 Zeplin과 같은 hand off 기능을 사용하려면, 우측 inspect 패널을 활성화해야 합니다. 1. 디자이너 또는 피그마 편집자가 보는 편집 화면의 경우, Design 패널 우측 끝에 위치한 패널입니다. 2. 이때, Code 영역에서 개발 플랫폼 옵션을 선택합니다. (위 그림 중 ②번 영역) 옵션 1. CSS: Default 옵션은 웹입니다. 옵션 2. ios 옵션 3. Android: DP 확인용 3. 그리고 Code 대신 그 우측의 Table 버튼을 선택합니다. (위 그림 중 ③번 영역 참고) 일반적으로 개발자가 보게 될 View Only 모드에서도 inspect 패널에서 위와 같이 설정하고, 선택한 플랫폼에 최적화된 Style Code를 확인 할 수 있습니다. 연관 단축키.. 2021. 6. 4.