스케치 컴포넌트 라이브러리
Sketch Component Library
디지털 프로덕트를 위한 기본 컴포넌트 모음입니다. 실무용 라이브러리는 훨씬 더 복잡하고 대외비인 경우가 많아 새로운 서비스를 디자인할 때나 기존 디자인 시스템의 컴포넌트 그룹핑을 정리할 때 사용하고 있습니다. 크게 Button, Form, Layout, Overlay, misc로 구성되며 각 항목별로 세부 사항이 그룹핑합니다.
하나의 파일로 디자인 시스템을 만들면 규모가 커질수록 버벅거리는 경우가 많아 스타일 라이브러리를 따로 제작해서 사용하고 있습니다. 색, 이미지, 아이콘, 타이포그래피 등을 필요에 따라 쪼개진 라이브러리 파일을 사용하거나, 하나로 통합한 DC-Styles.sketch를 라이브러리로 사용합니다.
Button
Solid, Ghost, Floating, Switch
Forms
Dropdown, Checkbox, Switch, Textfield, Input
Layout
Bar, Tab, List, Card
Overlay
Snack bar, Dialog, Tooltip
misc
Label, Badge, Progress, Slider, Data Table
라이브러리 관리
라이브러리를 사용하면 충돌과 누락이 발생할 수 있어 심볼과 스타일을 신경 써서 관리해줘야 합니다. 가급적 심볼 인스턴트 레이어의 이름은 마스터와 일치해야 하며 동일한 ID로 유지되어야 합니다(라이브러리 01.sketch 의 black-100 심볼과 라이브러리 02.sketch의 black-100 심볼은 다른 심볼로 취급됩니다).
심볼 ID를 확인하기 어렵기 때문에 라이브러리를 교체/통합할 때는 아래 방식으로 사용하고 있습니다.
순서
쪼개진 여러 라이브러리 심볼들 복사 > 새 파일을 만들고 심볼 붙여 넣기 > 새 파일 라이브러리로 만들기 > 라이브러리를 사용하는 working file 열기 > Symbol Swapper로 새 라이브러리로 Symbol Swap Libraries > Style Libraries로 스타일을 불러온 뒤 Merge duplicate styles
플러그인
파일 다운로드
