본문 바로가기

Figma Tips/디자인 시스템5

피그마의 팀 라이브러리 기능 Figma의 팀 라이브러리 기능 디자인 시스템을 구축하기 위한 컴포넌트 에셋들을 하나 이상의 파일에서 재사용하기 위해 필요한 기능입니다. Local 컴포넌트들을 Global 스타일로 만들기 위해 필요한 기능입니다. 팀 라이브러리는 꼭 디자이너가 여러 명이어야 사용하는 기능은 아닙니다. 물론 디자이너가 많을수록 그 효율은 증대합니다. 실무를 진행하다 보면 파일 하나로 운영이 불가한 시점이 생깁니다. 그때 Professional 플랜을 고려하셔도 늦지 않습니다. [🔗참고 영상] 피그마 기초 - 컴포넌트의 개념 9월 업데이트 - Figma 컴포넌트 관련 업데이트 2020/9/17일 오후, 갑자기 인스턴스(Instance) 기능의 업데이트가 있었습니다. 1) Instance에 대한 "Go to Main Com.. 2022. 3. 18.
디자인 시스템 관련 레퍼런스 #디자인시스템 #해외사례 Design Systems Repo An organized and frequently updated collection of Design System examples, resources, tools, articles and videos. designsystemsrepo.com .pulse Helping us build great products for our customers pulse.heartbeat.ua Finastra Design System Build the future of finance. From prototype to product, create ready to use financial applications faster and better with our comp.. 2021. 2. 22.
Figma의 Variants (feat. 새로운 컴포넌트 셋팅 방법) 2020년 10월 29일, 피그마 측의 컴포넌트 커스터마이징과 관련한 기능 업데이트가 있었습니다. 이 부분에 대해 이해를 하려면, 약간의 개발 상식을 필요로 하여 어렵게 느껴질 수 있어서 기능에 대한 개념 설명을 간단히 알려드리고 본격적으로 시작해 보겠습니다. 컴포넌트의 개념에 관한 설명은 이전 포스팅을 참고해주세요. 1) Variants [베어리언츠] 기능 정의 Variants 기능 : Figma에서 생성한 컴포넌트(Component)를 개발 친화적인 방식으로 세팅하고 관리할 수 있는 컴포넌트의 확장 기능입니다. 컴포넌트 기능 00:58 버튼 컴포넌트 생성하기 01:36 메인 컴포넌트와 인스턴스 구분하는 방법 02:25 인스턴스의 옵션 살펴보기 04:34 인스턴스의 Text Override 기능 06:.. 2020. 11. 1.
피그마 기초 - 컴포넌트의 개념 9월 업데이트 - Figma 컴포넌트 관련 업데이트2020/9/17일 오후, 갑자기 인스턴스(Instance) 기능의 업데이트가 있었습니다. 1) Instance에 대한 "Go to Main Component " Go to Main Component에 대한 텍스트 링크 대신, 아이콘으로 대체되었습니다. 여기서 I..designer-story.tistory.com피그마 기초 3 - 컴포넌트 & Variant 기능 #버튼컴포넌트 https://youtu.be/lMOJ1ijO9hs 아래 내용은 업데이트 예정인 피그마 기초 강좌 Part 4 - 디자인 시스템 구축을 위한 컴포넌트의 이해를 돕기 위한 글입니다. {연정's Figma YouTube 채널}1) 플랫폼에서의 컴포넌트 {Components}컴포넌트 - .. 2020. 8. 25.