디지털디자인7 디자인 시스템 문서화의 중요성 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템 시리즈의 중요한 주제, 바로 디자인 시스템 문서화의 중요성에 대해 이야기해보려고 해요. 지금까지 디자인 시스템을 설계하고, Figma로 구현하고, 개발자와 협업하는 과정을 배웠으니, 이제 그 모든 작업을 체계적으로 정리하고 공유할 차례예요. 문서화는 디자인 시스템을 팀원들과 공유하고 유지하는 데 필수적인 단계인데, 저도 문서화의 중요성을 뼈저리게 느낀 경험이 있답니다. 그럼 저와 함께 문서화의 필요성과 실무적 방법을 알아볼까요? 문서 없이 팀원과 싸운 적이 있어요제가 디자인 시스템을 처음 만들 때의 일이에요. 열심히 Figma에서 버튼, 컬러, 타이포그래피를 정리해서 팀원들과 공유했는데, 문서화를 하지 않았어요. "Figma 파일만 있으면 되지 .. 2025. 4. 21. 개발자와 협업하기 위한 디자인 시스템 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템 시리즈의 마지막 단계로, 개발자와 협업하기 위한 디자인 시스템에 대해 이야기해보려고 해요. 지금까지 Figma로 스타일과 컴포넌트를 만들어보는 과정을 배웠으니, 이제 그 결과를 개발자와 공유해서 실제 제품으로 구현해볼 차례예요. 저도 처음엔 개발자와 협업하면서 당황했던 경험이 많았는데, 체계적인 가이드를 만들고 나니 훨씬 수월해지더라고요. 그럼 저와 함께 개발자와 원활하게 협업할 수 있는 디자인 시스템을 준비하는 법을 알아볼까요? 개발자가 '이거 어떻게 코딩해?' 물었을 때 당황했어요제가 처음 디자인 시스템을 만들고 개발자에게 넘겼을 때의 일이에요. 열심히 Figma에서 버튼과 컬러를 정리해서 공유했는데, 개발자가 "이 버튼 크기가 정확히 몇 픽셀.. 2025. 4. 21. Figma로 디자인 시스템 만들기 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템 시리즈의 실습 단계로, Figma를 활용해서 디자인 시스템을 만드는 방법을 알아보려고 해요. 지난 포스트에서 버튼과 컬러를 설계해 봤으니, 이제 그걸 Figma에서 구현해 볼 차례예요. Figma는 디자이너와 개발자 모두에게 사랑받는 툴인데, 처음 써보는 사람은 좀 헤맬 수 있죠. 저도 처음엔 Figma 인터페이스에서 길을 잃었지만, 익숙해지니 정말 편리하더라고요. 그럼 저와 함께 Figma로 디자인 시스템을 만들어볼까요?Figma를 처음 썼을 때 헤맸던 기억이 나네요제가 Figma를 처음 썼을 때의 일이에요. "Figma가 초보자도 쉽게 쓸 수 있다!"라는 말을 듣고 설레는 마음으로 시작했는데, 막상 열어보니 메뉴가 너무 많아서 어디서부터 시작.. 2025. 4. 21. 디자인 시스템 설계 시작하기 : 첫 단계 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템 시리즈의 마지막 단계로, 디자인 시스템 설계를 시작하는 첫 단계에 대해 이야기해보려고 해요. 지금까지 디자인 시스템의 필요성부터 구성 요소, 컴포넌트, 디자인 토큰까지 배워왔으니, 이제 직접 설계해 볼 차례예요. 처음엔 저도 "어디서부터 시작해야 하지?" 하고 막막했지만, 작은 것부터 시작해 보니 한결 쉬워지더라고요. 그럼 저와 함께 디자인 시스템 설계의 첫걸음을 내디뎌 볼까요? 처음이라 막막했지만, 작은 것부터 시작했어요제가 디자인 시스템을 처음 공부할 때, "디자인 시스템 = 거대한 프로젝트"라는 생각에 겁부터 났어요. 넷플릭스나 구글 같은 대기업의 디자인 시스템을 보면서 "이런 걸 나도 만들 수 있을까?" 하고 걱정했죠. 하지만 선배 디자이너.. 2025. 4. 10. 디자인 시스템이 왜 필요한 걸까 안녕하세요, 게으른 사부작이입니다! 오늘은 제가 디자인 시스템에 대해 공부하면서 가장 공감했던 주제, 바로 "디자인 시스템이 왜 필요한 걸까?"에 대해 이야기해보려고 해요. 처음 디자인 시스템이라는 개념을 접했을 때 "그냥 예쁘게 만들면 되지, 뭐 이렇게까지 복잡하게 해야 하나?" 싶었는데, 한 번 팀 프로젝트를 겪어보니 생각이 180도 바뀌더라고요. 그럼 저와 함께 그 이유를 파헤쳐 볼까요? 제가 처음 팀 프로젝트를 했을 때, 버튼 색깔 하나로 3시간 회의한 적이 있어요저는 디자인 공부를 시작한 지 얼마 안 됐을 때 친구들과 작은 앱 UI를 만들어보는 팀 프로젝트를 했어요. 다들 열정 넘쳤지만, 첫 회의부터 문제가 터졌어요. "로그인 버튼 색깔을 뭐로 할까?"라는 질문 하나로 3시간을 논쟁했죠. 저는 .. 2025. 4. 9. 디자인 시스템의 재미난 역사와 진화 안녕하세요, 게으른 사부작이입니다! 지난번에 "디자인 시스템이란 무엇인가?"를 같이 알아봤는데, 이번엔 그 뿌리와 발전 과정을 파헤쳐 보려고 해요. "옛날 웹사이트는 왜 그렇게 산만했을까?"라는 궁금증에서 시작했는데, 찾아보니 재밌는 이야기가 많더라고요. 디자인 시스템이 어떻게 지금의 모습이 됐는지, 저와 함께 시간 여행 떠나볼까요? 시작은 혼돈의 시대: 1990년대디자인 시스템의 역사는 인터넷 초창기부터 시작돼요. 90년대에 웹사이트를 처음 봤던 분들 계신가요? 저는 어렸을 때 부모님 컴퓨터로 본 사이트들이 기억나는데, 색깔은 번쩍이고 글씨는 제각각이었어요. 그때는 HTML이 막 생겨서 누구나 자유롭게 페이지를 만들었지만, 규칙이 없다 보니 혼란이었죠. 버튼 하나도 디자이너마다 다르게 그리고, 개발자는.. 2025. 4. 8. 이전 1 2 다음
