figma7 디자인 시스템 실무! 디자인 토큰이란? 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템의 조금 더 심화된 개념, 바로 디자인 토큰에 대해 이야기해보려고 해요. 디자인 토큰은 처음 들었을 때 좀 어렵게 느껴졌지만, 알고 나니 디자이너와 개발자 모두에게 정말 유용한 도구라는 걸 알게 됐어요. 저도 처음엔 이 개념 때문에 머리가 아팠던 경험이 있어서, 오늘은 그 이야기를 공유하면서 쉽게 풀어볼게요. 그럼 저와 함께 디자인 토큰의 세계로 들어가 볼까요? 개발자가 '토큰' 얘기할 때마다 머리가 아팠어요제가 디자인 공부를 시작하고 처음 팀 프로젝트를 할 때의 일이에요. UI 디자인을 열심히 만들고 개발자에게 넘겼는데, 개발자가 "이 버튼 색상은 토큰으로 정의했나요?"라고 물어보더라고요. 저는 "토큰이 뭐지?" 하면서 당황했죠. 개발자는 또 "색.. 2025. 4. 10. 디자인 시스템 실무! 컴포넌트 기반 디자인의 이해 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템의 실무에서 정말 유용한 개념, 바로 컴포넌트 기반 디자인에 대해 이야기해보려고 해요. 저는 디자인 공부를 시작하면서 반복 작업에 지칠 때가 많았는데, 컴포넌트라는 개념을 알고 나니 작업이 훨씬 효율적이 됐어요. 여러분도 반복적인 디자인 작업에 지친 적 있지 않나요? 그럼 저와 함께 컴포넌트 기반 디자인의 세계로 들어가 볼까요? 버튼 하나를 10번 그리기 귀찮았던 적, 저만 그런가요?제가 처음 앱 UI를 만들 때의 일이에요. 로그인 화면, 회원가입 화면, 설정 화면 등 여러 페이지에 "확인" 버튼이 필요했는데, 매번 버튼을 새로 그렸어요. 크기, 색상, 모서리 둥글기를 일일이 맞추다 보니 시간이 너무 오래 걸리더라고요. 심지어 한 페이지에서 버튼 색.. 2025. 4. 10. 초보 디자이너를 위한 디자인 시스템의 개념 안녕하세요, 게으른 사부작이입니다!오늘은 제가 디자인 공부를 하면서 가장 흥미로웠던 주제 중 하나인 디자인 시스템의 기본 개념을 여러분과 함께 나눠보려고 해요. 처음 "디자인 시스템"이라는 말을 들었을 땐 "뭔가 엄청 복잡하고 고급스러운 거 아닐까?" 했는데, 막상 뜯어보니 생각보다 우리 일상에 가까운 개념이더라고요. 그럼 저와 같이 이 신기한 세계로 들어가 볼까요?기본 개념: "규칙과 도구 상자"라는 이름표디자인 시스템을 한 문장으로 정리하면, 디지털 제품을 만들 때 일관성을 유지하고 팀 작업을 효율적으로 만들어주는 규칙과 도구의 모음이에요. 좀 더 풀어보면, 앱이나 웹사이트 같은 디지털 제품을 디자인하고 개발할 때 "이건 이렇게 하자!"라는 약속과 그 약속을 실현할 부품들이 모여 있는 시스템이죠. 집.. 2025. 4. 8. 이전 1 2 다음
