작은 조직을 위한 효과적인 디자인 시스템 | 인프콘2024
INFCON 2024 인프런 · YouTube
AI 핵심 요약
디자인 시스템 전담 인력과 시간이 부족한 작은 조직에서, 두 발표자는 시스템을 처음부터 모두 만들기보다 외부 리소스를 활용해 제품 작업에 집중하는 방식을 택했습니다. Mantine을 비교·선정한 뒤 브랜드에 맞게 프로퍼티를 줄이고, Storybook과 Anima를 이용해 Figma 컴포넌트를 구성했으며 Code Connect로 디자인과 코드의 핸드오프를 개선했습니다. Font Awesome 아이콘은 폰트 글리프로 연결하고, Airtable에 모은 제품 문구와 보이스·톤 규칙을 GPT에 적용해 UI 라이팅 초안을 만들었습니다. 핵심은 완벽한 시스템을 한 번에 구축하는 것이 아니라 필요한 것부터 시작하고, 사용 과정에서 규칙과 도구를 계속 다듬는 것입니다.
- UI 라이브러리는 컴포넌트 수뿐 아니라 커스터마이징, 브라우저 호환성, 번들 크기와 개발 환경까지 비교해 선택하세요.
- 오픈소스 컴포넌트의 프로퍼티를 브랜드와 제품에 필요한 값으로 제한하고, 팀이 함께 사용할 명명·순서 규칙을 정하면 일관성을 높일 수 있습니다.
- Storybook 컴포넌트를 Figma로 가져올 때는 모든 변형을 옮기기보다 실제로 쓸 속성을 먼저 추려 라이브러리를 구성하세요.
- 아이콘은 Font Awesome을 폰트 글리프로 활용해 SVG를 내려받고 다시 업로드하는 반복 작업과 변형 위험을 줄였습니다.
- GPT에 제품 문구 아카이브와 보이스·톤 규칙을 제공하면 초안을 빠르게 만들 수 있지만, 결과를 검토하고 계속 다듬어야 합니다.
소개
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 작은 조직을 위한 효과적인 디자인 시스템 - 김문주, 이병기 모든 디자인 조직이 디자인 시스템 관리 인력을 갖출 수는 없습니다. 디자인 시스템은 선택이 아닌 필수인 요즘, 작은 조직이 디자인 시스템을 밀도 높게 만들고 관리할 수 있는 효과적인 방법을 사례를 통해 귀뜸해보려해요. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
비슷한 학습 자료
컨퍼런스 INFCON 2024
실리콘밸리 개발 문화 및 서바이벌 전략 | 인프콘2024
컨퍼런스 INFCON 2024
지속 성장 가능한 설계를 만들어가는 방법 | 인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 지속 성장 가능한 설계를 만들어가는 방법 - 김재민 소프트웨어를 개발할 때 항상 언급되는 '설계'. 여러분은 설계란 단어를 보면 어떤 것이 떠오르시나요? 이 발표에서는 설계란 무엇이고, 어떻게 접근할지에 대해 생각할 거리를 던집니다. 그리고 몇 가지 관점과 예제로 살펴봅니다. 결론적으로 우리가 개발할 때 정말로 집중해야 할 것이 무엇인지에 대해 이야기해 보려 합니다. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
개발 · 프로그래밍 기타
컨퍼런스 INFCON 2024
디자인 시스템의 명과 암 | 인프콘 2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 디자인 시스템의 명과 암 - 김성광, 길형진, 이상효, 차승호, 김지홍(모더레이터) | 원티드랩 패널토크 디자인 시스템, 다들 한다고 하는데 과연 정말 필요한 걸까요? 필요하다면 우리 조직에서는 어떤 형태의 고민이 필요할까요? 원티드 디자이너와 개발자들이 디자인 시스템을 실무 환경에 도입하며 느낀 명과 암에 대해 이야기합니다. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
UI/UX
컨퍼런스 INFCON 2024
목적 조직 구조 안에서 개발팀이 일하는 법 | 인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 목적 조직 구조 안에서 개발팀이 일하는 법 - 김경백, 신유나, 오준상, 이재석, 이동욱(모더레이터) | 인프랩 패널토크 예전까지 많은 IT 회사에서는 PM팀/디자인팀/개발팀 으로 구분되는 기능 조직의 형태로 운영해왔습니다. 반면 현재는 서비스 내 여러 제품을 중심으로 한 각각의 목적 조직 (해당 제품과 관련된 PM, 디자인, 개발이 한 조직에 모인) 형태를 하고 있습니다. 같은 직무가 아닌 서로 다른 직무의 사람들이 소수로 모여있는 조직에서 개발자는 어떻게 일을 해야할까요? 어떤 방식으로 소통하고, 성과를 내고, 성장을 할 수 있을지에 대해 인프랩 개발 조직의 이야기를 전달합니다. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
애자일 · 협업
컨퍼런스 INFCON 2024
개발자 손 꼭 붙잡고 기획하기 | 인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 개발자 손 꼭 붙잡고 기획하기 - 송은택 개발자들의 의견을 더 많이 듣고 싶지만 어떻게 그들의 의견을 끌어내야할 지 모르겠는 PM, 디자이너 그리고 비즈니스와 제품 기획에 더 많이 관여하고 싶은 개발자들을 위해 준비한 내용입니다. 최근에 인프랩 ucc셀에서는 프로젝트 초기 기획 과정에서부터 엔지니어들도 함께 참여했습니다. 진행하는 프로젝트의 전체적인 맥락을 초기부터 공감하고, 디테일한 정책 설계까지 함께했는데요. 높은 몰입도를 보여주었습니다. 프로젝트를 진행할수록 엔지니어들은 초기 기획보다 더 참신한 방안을 계속해서 제시하고, 실행했습니다. 프로젝트를 진행하며 어느 순간 각자의 생각이 모두 일치하는 경험을 했습니다. 불필요한 커뮤니케이션은 자연스럽게 감소했고요. 어떤 ...
프로덕트 매니지먼트 애자일 · 협업
컨퍼런스 INFCON 2024