Tools & Dev

패딩과 여백을 감으로 정하면 화면마다 미묘하게 어긋난다. 4의 배수를 기본 단위로 삼는 간격 시스템을 컴포넌트와 레이아웃 두 층위로 나눠 설계하는 실무 방법을 순서대로 자세히 정리했다.

제목과 본문 폰트 크기를 감으로 정하면 화면마다 흔들리기 마련이다. 배율을 기반으로 한 타이포그래피 스케일을 실무에 적용하는 순서와 줄 높이, 자간 설계 방법까지 차근차근 정리했다.

브랜드 컬러가 바뀔 때마다 화면 전체를 뒤져야 한다면 컬러 시스템이 없는 것이다. 시맨틱 이름, 50에서 900까지의 명도 단계, 접근성 대비 기준까지 실무에서 쓰는 설계 순서를 차근차근 정리했다.

Design tokens sound complex. The concept underneath is simple. Once you understand what design tokens actually are, it becomes hard to imagine managing a design system without them — because the problem they solve isn’t a technology problem, it’s a translation problem between designers and code. 1. Design Tokens: The Core Concept A design token … 더 읽기

작은 팀에서 디자인 시스템 시작을 고민할 때 필요한 것은 화려한 라이브러리가 아니라 토큰과 핵심 컴포넌트 10개, 관리 담당자 지정 같은 최소 구성이다. 확장 시점까지 실무 순서로 정리했다.

This isn’t a competition that Figma wins outright. Adobe Illustrator vs Figma is really a question of use case — and the honest answer, in 2026, is that professional designers working across disciplines still need both, for reasons that have less to do with either tool’s quality and more to do with what each was … 더 읽기

피그마 브랜치 기능으로 디자인 파일도 안전하게 버전 관리하는 법. 생성부터 병합, 라이브러리 변경 관리까지 정리했다.

The difference between a Figma beginner and an experienced designer isn’t taste — it’s the number of keyboard shortcuts they’ve internalized. Figma shortcuts mastery is the fastest return-on-investment skill improvement available to anyone using the tool daily, because every second not spent reaching for a mouse is a second spent actually thinking about the design. … 더 읽기

디자인 파일 정리법을 페이지 구조와 버전 관리 관점으로 정리했다. 최종본과 작업본 분리, 파일 분할 원칙까지 다룬다.

Quality free design assets have never been more accessible. Free design resources in 2026 mean fonts you can use in client work without a licensing headache, icons with a consistent visual language, images with proper commercial rights, and UI components ready to adapt — here’s the updated essential list, and how to actually build a … 더 읽기