Reshaped가 이제 오픈소스로 공개됨

• Reshaped는 디자이너와 개발자를 위해 React와 Figma 컴포넌트 라이브러리를 제공하는 프로젝트
• 처음에는 유료 라이선스 방식이었지만, 이제 전면 오픈소스로 전환됨
• 오픈소스화로 GitHub와 Figma Community에서 소스 코드와 디자인 라이브러리를 모두 이용 가능해짐
• 이 프로젝트는 디자인과 엔지니어링의 연계를 강화하고, 실무에서 바로 활용 가능한 베스트 프랙티스를 제시함
• 기존 구매자는 앞으로도 계속 업데이트와 지원을 받을 수 있음

Reshaped의 오픈소스 전환 배경

• 약 5년 전, Reshaped 프로젝트를 시작한 동기는 React와 Figma 모두에서 사용할 컴포넌트 라이브러리가 필요했기 때문
• 10년 이상 디자인 시스템을 다뤄 본 경험을 바탕으로, 디자인 시스템에서 공통적으로 발생하는 문제점과 좋은 기준을 명확히 이해하고 있음
• 웹의 80%는 여전히 비슷한 핵심 디자인 원칙 위에 구축되고 있다는 점을 발견했으며, 이를 광범위하게 커버하면서도 개발자가 나머지 20%를 유연하게 처리할 수 있도록 저수준 유틸리티를 제공하는 시스템을 설계함
• 처음부터 접근성이나 디자인 중 하나에만 집중하지 않고, 디자인과 엔지니어링의 정렬 및 UI 테마, 다크모드, 마이크로 애니메이션 등 다양한 실무 과제를 함께 해결하는 데에 중점을 두었음

유료 모델에서 오픈소스화 결정까지의 과정

• 프로젝트 유지 가능성을 위해 초기에는 개인과 팀 단위의 유료 라이선스 판매 방식을 채택했음
• 덕분에 작은 커뮤니티에 더욱 집중하고, 버그 리포트와 기능 요청에 깊게 대응할 수 있었음
• 언젠가는 유료 장벽을 제거하고 싶다는 바람이 있었고, 2년 전에는 React 패키지를 먼저 무료화하며 새로운 가능성이 열림
• 이제 모든 소스코드와 Figma 라이브러리를 오픈소스로 공개하게 되었으며, React는 GitHub, Figma는 Figma Community에서 이용 가능해짐

오픈소스 전환의 의의와 기대 효과

• Reshaped는 디자인과 엔지니어링의 다리를 놓는 도구로, 양쪽 모두가 확장성 있는 디자인 시스템 구축 베스트 프랙티스를 배울 수 있음
• 라이브러리 소스가 공개됨에 따라, 새로운 기능이 도입될 때 실제 구현 과정을 투명하게 공유할 수 있음
• Figma나 React의 새로운 기능도 Reshaped의 예제를 통해 회사 디자인 시스템 적용 전에 미리 벤치마킹 할 수 있음

향후 계획 및 커뮤니티 지원

• Reshaped의 컴포넌트 라이브러리는 앞으로도 계속 확장될 예정임
  • 기존 유료 구매자는 변동 없이 향후 업데이트 및 지원을 계속 제공받을 수 있음
  • 기존 소통 채널도 동일하게 유지됨
• 앞으로는 코어 라이브러리 위에 더 고급스럽고 사용성 높은 프리미엄 컴포넌트 추가를 고려하고 있음
  • 50가지 랜딩페이지 레이아웃 같은 단편적 기능이 아닌, 복잡한 CSS와 React 논리가 필요한 고난이도 컴포넌트 중심임

커뮤니티에 환원하는 결심

• 5년 간의 클로즈드 소스 운영을 마치고, 이제 모든 것을 커뮤니티에 환원하며, 새로운 재미를 기대하는 중임