figma7 나만의 디자인 시스템 만들기 : 실습 프로젝트 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템 시리즈의 실습 시간으로, 나만의 디자인 시스템 만들기 프로젝트를 함께 해보려고 해요. 지금까지 디자인 시스템의 기초부터 미래 트렌드까지 알아봤으니, 이제 직접 만들어보면서 배운 걸 적용해 볼 차례예요. 저도 처음 디자인 시스템을 만들 때는 막막했지만, 하나씩 따라 하다 보니 점점 익숙해지더라고요. 오늘 실습에서는 컬러 5개, 버튼 3개, 텍스트 스타일 2개를 설계해 볼 거예요. 단계별로 차근차근 가이드를 드릴 테니, 여러분도 저와 함께 도전해 보세요! 그럼 시작해 볼까요? 이제 여러분 차례예요. 저도 같이 해볼게요!디자인 시스템 시리즈를 진행하면서, "직접 만들어보고 싶다!"는 요청을 많이 받았어요. 이론만 배우는 것도 중요하지만, 실제로 만들.. 2025. 4. 22. 스타트업을 위한 경량 디자인 시스템 안녕하세요, 게으른 사부작이입니다! 오늘은 새로운 디자인 시스템 시리즈로, 스타트업을 위한 경량 디자인 시스템에 대해 이야기해보려고 해요. 스타트업은 자원과 시간이 부족한 경우가 많아서, 거대한 디자인 시스템을 만드는 게 부담스러울 수 있죠. 저도 스타트업에서 일하며 자원이 부족한 상황에서 디자인 시스템을 처음 만들어본 경험이 있는데, 그때의 시행착오를 떠올리며 오늘 이야기를 풀어볼게요. 그럼 저와 함께 스타트업 환경에 딱 맞는 경량 디자인 시스템을 만들어보는 법을 알아볼까요? 돈 없고 시간 없는 스타트업 시절이 떠올라요제가 스타트업에서 처음 디자이너로 일했을 때의 일이에요. 회사는 이제 막 시작한 단계라 예산도, 시간도, 인력도 부족했어요. 그래도 제품 UI를 일관성 있게 만들기 위해 디자인 시스템이.. 2025. 4. 21. 개발자와 협업하기 위한 디자인 시스템 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템 시리즈의 마지막 단계로, 개발자와 협업하기 위한 디자인 시스템에 대해 이야기해보려고 해요. 지금까지 Figma로 스타일과 컴포넌트를 만들어보는 과정을 배웠으니, 이제 그 결과를 개발자와 공유해서 실제 제품으로 구현해볼 차례예요. 저도 처음엔 개발자와 협업하면서 당황했던 경험이 많았는데, 체계적인 가이드를 만들고 나니 훨씬 수월해지더라고요. 그럼 저와 함께 개발자와 원활하게 협업할 수 있는 디자인 시스템을 준비하는 법을 알아볼까요? 개발자가 '이거 어떻게 코딩해?' 물었을 때 당황했어요제가 처음 디자인 시스템을 만들고 개발자에게 넘겼을 때의 일이에요. 열심히 Figma에서 버튼과 컬러를 정리해서 공유했는데, 개발자가 "이 버튼 크기가 정확히 몇 픽셀.. 2025. 4. 21. Figma로 디자인 시스템 만들기 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템 시리즈의 실습 단계로, Figma를 활용해서 디자인 시스템을 만드는 방법을 알아보려고 해요. 지난 포스트에서 버튼과 컬러를 설계해 봤으니, 이제 그걸 Figma에서 구현해 볼 차례예요. Figma는 디자이너와 개발자 모두에게 사랑받는 툴인데, 처음 써보는 사람은 좀 헤맬 수 있죠. 저도 처음엔 Figma 인터페이스에서 길을 잃었지만, 익숙해지니 정말 편리하더라고요. 그럼 저와 함께 Figma로 디자인 시스템을 만들어볼까요?Figma를 처음 썼을 때 헤맸던 기억이 나네요제가 Figma를 처음 썼을 때의 일이에요. "Figma가 초보자도 쉽게 쓸 수 있다!"라는 말을 듣고 설레는 마음으로 시작했는데, 막상 열어보니 메뉴가 너무 많아서 어디서부터 시작.. 2025. 4. 21. 디자인 시스템 실무! 디자인 토큰이란? 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템의 조금 더 심화된 개념, 바로 디자인 토큰에 대해 이야기해보려고 해요. 디자인 토큰은 처음 들었을 때 좀 어렵게 느껴졌지만, 알고 나니 디자이너와 개발자 모두에게 정말 유용한 도구라는 걸 알게 됐어요. 저도 처음엔 이 개념 때문에 머리가 아팠던 경험이 있어서, 오늘은 그 이야기를 공유하면서 쉽게 풀어볼게요. 그럼 저와 함께 디자인 토큰의 세계로 들어가 볼까요? 개발자가 '토큰' 얘기할 때마다 머리가 아팠어요제가 디자인 공부를 시작하고 처음 팀 프로젝트를 할 때의 일이에요. UI 디자인을 열심히 만들고 개발자에게 넘겼는데, 개발자가 "이 버튼 색상은 토큰으로 정의했나요?"라고 물어보더라고요. 저는 "토큰이 뭐지?" 하면서 당황했죠. 개발자는 또 "색.. 2025. 4. 10. 디자인 시스템 실무! 컴포넌트 기반 디자인의 이해 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템의 실무에서 정말 유용한 개념, 바로 컴포넌트 기반 디자인에 대해 이야기해보려고 해요. 저는 디자인 공부를 시작하면서 반복 작업에 지칠 때가 많았는데, 컴포넌트라는 개념을 알고 나니 작업이 훨씬 효율적이 됐어요. 여러분도 반복적인 디자인 작업에 지친 적 있지 않나요? 그럼 저와 함께 컴포넌트 기반 디자인의 세계로 들어가 볼까요? 버튼 하나를 10번 그리기 귀찮았던 적, 저만 그런가요?제가 처음 앱 UI를 만들 때의 일이에요. 로그인 화면, 회원가입 화면, 설정 화면 등 여러 페이지에 "확인" 버튼이 필요했는데, 매번 버튼을 새로 그렸어요. 크기, 색상, 모서리 둥글기를 일일이 맞추다 보니 시간이 너무 오래 걸리더라고요. 심지어 한 페이지에서 버튼 색.. 2025. 4. 10. 이전 1 2 다음
