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. 이전 1 2 다음