Tools & Dev

2026년 현재 디자이너의 프로토타이핑 툴 비교는 더 다양해진 선택지 사이에서 실무 적합성을 냉정하게 따지는 일이 됐다. Figma, Framer, ProtoPie 세 툴을 각각 언제 쓰는 게 맞는지 정리한다. Figma 디자인 파일과 분리되지 않는 가장 넓게 쓰이는 기본값 Framer React 기반, 실제 프로덕션 코드와 가장 가까운 프로토타입 ProtoPie 센서·조건 분기까지 다루는 하이 피델리티 인터랙션 전문 툴 2026년 … 더 읽기

스타트업에서 디자인 시스템 구축을 시작하면 대기업 수준의 완성도를 목표로 삼는 실수를 흔히 한다. Airbnb나 Google의 디자인 시스템 아티클을 읽고 영감을 받은 뒤, 3개월째 컬러 토큰 네이밍 컨벤션을 논의하고 있다면 — 이 글이 필요한 때다. 실수 1 완성 후 사용하려는 생각 실수 2 너무 많은 변형을 미리 만들기 실수 3 개발자 없이 디자이너만 만들기 스타트업이 디자인 … 더 읽기

“코드를 모르면 도태된다”는 말이 수년간 반복됐지만, 진짜 질문은 다르다. 디자이너 코드 학습에서 “어디까지”가 맞는 수준인가. 2026년 현재 실무 기준으로 정리한다. 1. 디자이너에게 코드 학습이 필요한 진짜 이유 Figma Code Layer, GitHub Copilot, AI 코드 생성의 시대에 “코드를 직접 짜야 하는가”는 다시 생각해볼 문제다. 하지만 디자이너 코드 학습의 진짜 이유는 코딩 능력이 아니다. 코드를 이해함으로써 개발자와 … 더 읽기

“컬러를 변수로 관리한다”는 말을 들어봤다면 디자인 토큰의 절반은 이해한 셈이다. 디자인 토큰은 색상, 타이포그래피, 간격, 보더 반경, 그림자 같은 시각적 속성에 이름을 붙여 저장하는 방법이다. 브랜드 블루를 “#0057FF”로 쓰는 대신 color.brand.primary라는 이름으로 쓰는 식이다. 이 이름은 Figma 변수, CSS 변수, JSON 파일 어디에서나 같은 색을 가리키는 공통 언어가 된다. 1. 토큰이 없을 때, 있을 때 … 더 읽기