Tools & Dev

컴포넌트 네이밍 규칙을 팀이 커져도 무너지지 않게 세우는 법. 계층 구조와 영문 표기, 리뷰 프로세스까지 정리했다.

Three strong tools, three different answers to what a prototype actually needs to do. The honest prototyping tools comparison for 2026 isn’t about crowning a winner — it’s about matching the tool to the fidelity your project actually requires, because Figma, Framer, and ProtoPie were built to solve different problems. 1. Why Fidelity Is a … 더 읽기

디자인 QA에서 구현 검수 단계에 봐야 할 항목을 체크리스트로 정리했다. 상태별 검수와 리포트 작성법까지 다룬다.

Most startup design systems die before they’re finished. They’re too ambitious, too abstract, or built by the wrong team working in isolation. Here are the three startup design system mistakes that kill momentum — and what to do instead. Scoping for an imaginary future — building governance and structure for a scale the product doesn’t … 더 읽기

디자인 핸드오프를 개발자가 좋아하는 파일로 만드는 법. 상태 표시, 페이지 구조, 컴포넌트와 변수 정리까지 정리했다.

“Designers should code” is an argument that’s been running for two decades. What’s changed is the terms of that argument, not the argument itself. Here’s what designers learning code in 2026 actually means — practical guidance, not another round of the old debate. 01. The New Argument for Code Literacy AI code generation has changed … 더 읽기

피그마 플러그인 중 실무에서 정말 쓸모 있는 카테고리와 활용법을 정리했다. 설치보다 실행 습관이 먼저다.

피그마 프로토타이핑을 클릭 더미 수준에서 벗어나 실전에서 쓰는 법. 흐름, 변수, 오버레이 활용까지 정리했다.

피그마 변수로 디자인 토큰과 다크모드를 관리하는 법. 컬렉션과 모드 개념부터 프로토타입 활용까지 정리했다.

피그마 오토레이아웃으로 반응형 프레임을 만드는 법. 방향, 정렬, 리사이징 속성과 중첩 구조까지 실무 기준으로 정리했다.