디자인 시스템, 그래서 이제 뭐하나요?
기술적 성장을 넘어 진짜 작동하는 제품을 만들어보자.
루키즈는 11명의 개발자와 1명의 디자이너가 만들고 있습니다. 다들 본업이 있는 상태라 속도는 느리지만, 성장이라는 목표를 향해 꾸준히 달려오고 있었어요.
처음에는 42서울이라는 코딩 부트캠프 학생들을 위한 커뮤니티인 42월드에서 시작해 디자이너인 제가 합류한 이후 좀 더 많은 사람들이 사용할 수 있는 제품을 만들고자 피봇팅을 결정했습니다.
성장도 좋지만, 진짜로 사람들의 문제를 해결해 줄 수 있는 제품을 만들고 싶었거든요.
사이드 프로젝트인데... 디자인 시스템 꼭 필요한가요?
사이드 프로젝트지만, 앞으로 다양한 제품을 실험하기 위해서 디자인 시스템은 필수라고 판단했습니다.
다양한 제품을 빠르게 찍어내고 싶었는데, 시스템 없이는 빠른 속도와 제품의 완성도를 보장하기 어려울 것 같았거든요. 그래서 과감하게 디자인 시스템 프로젝트를 시작했습니다.
작년 9월쯤 위클리 내용 중 일부
피그마가 아닌 프레이머를 선택한 이유.
아직까지 고민하고 있는 문제지만, 저희는 피그마가 아닌 프레이머를 사용합니다. 여러 가지 이유 중에서도 프레이머만의 강력한 장점 3가지 때문이었어요.
- 실제 배포되는 코드와의 연동성(코드 컴포넌트와 ESM모듈 활용)
- 버튼 하나만 누르면 디자인이 바로 웹으로 배포되는 노코드 환경
- 무엇보다 피그마와 달리 거의 모든 기능이 무료!(Canvas 개수, 에디터 권한 등등)
특히 저 포함 모든 팀원이 개발을 할 줄 알다 보니, 프레이머의 코드 컴포넌트는 정말 강력했습니다. 디자인과 코드가 완벽하게 동기화되는 카타르시스... 달달합니다👍🏻
그래서 이제 뭐 하나요?
작년 9월부터, 거의 1년 동안 디자인 시스템을 만들었는데요. 사실 디자인 시스템은 그 자체가 목적이 아닙니다. 빠르게 제품을 만들고 실험하기 위한 수단이죠.
그래서 이전에 만들었던 42서울 커뮤니티를 이어서 새로운 주니어 개발자 커뮤니티를 만들어갈 예정입니다. 그리고 디자인 시스템 테스트도 할 겸, 이번 달 말에 훈련소에 들어가는 팀원을 위한 재밌는 인편 서비스를 기획 중입니다.
작고 귀여운 제품이지만, 최소한 사용자가 12명은 확보되는 셈이니까요.
끝으로... 함께 이것저것 만들어보실 디자이너 구합니다!
아무래도 디자이너가 저 혼자다 보니 아직 부족한 부분이 많아요. 그래서 함께할 디자이너 한 분을 구하려고 합니다! 이래봐도 저희 팀 기술력이 꽤 좋답니다. 유니콘 회사에서 근무하고 계신 분도 있고, 유명한 오픈소스 프로젝트에 기여하신 분도 계세요.
다만, 엄청 빠르게 돌아가진 않다는 점.. 평일에는 본업에 집중하는 대신 보통 주말에 좀 달립니다. 원하는 거 마음껏 제안하고 만들어 볼 수 있는 환경이에요.(디자인 시스템도 제가 합류 직후 제안해서 거의 1년 동안 했습니다 ㅋㅋ)
그래서
- 디자인 시스템으로 끝장 보고 싶다.
- 사이드 프로젝트지만, 진짜 사람들이 쓰는 제품을 만들어보고 싶다.
- 진짜 아름다운 디자인 만들어보고 싶다.
- 디자이너지만 개발도 해보고 싶다.
- 디자인이 재밌다.
- 프레이머를 한번 써보고 싶다.
이 중 하나라도 해당되신다면 편하게 연락 주세요!! 그냥 커피챗도 환영입니다 :D 같이 디자인이나 제품 이야기 나눠봐요
+ 프레이머와 RDS!로 만든 사이트

RDS! Public
프레이머와 RDS!로 만든 정적 사이트입니다!
https://rds.framer.website/
+ 아래 프레이머 링크에서 직접 RDS!를 확인해볼 수 있답니다.
Framer Login
https://framer.com/projects/RDS-Public--qJWySNaf18UdLsJshbxc-8ORfE
+ 깃허브 링크
GitHub - 42-world/rookies-Design-System
Contribute to 42-world/rookies-Design-System development by creating an account on GitHub.
https://github.com/42-world/rookies-Design-System
+ 스토리북 링크
@storybook/cli - Storybook
https://pages.rookies.kr/design/latest/storybook/?path=/docs/rookies-introduction--docs
리액트와 프레이머에서 사용 가능한 오픈소스 디자인 시스템
댓글
로그인 후 댓글을 남길 수 있습니다.
아직 댓글이 없습니다.