Figma는 브라우저 속 ‘포토샵’을 만들겠다는 두 대학생의 실험에서 출발해, 단 4년 만에 Adobe가 28조 원에 탐냈던 협업툴로 성장했다. 이 글에서는 그 여정을 ‘기술-시장-커뮤니티’ 세 단계로 해부하고, 당신의 사이드 프로젝트에 바로 적용할 ‘3가지 실행 체크리스트’를 제안한다.
✔️ 당신의 ‘지금 고민’을 겨냥한 3문제
✔️ 어떻게 다른 서비스와 차별점을 갖을까?
✔️ 잠재 고객에게 어떻게 접근하지?
✔️ figma는 어떻게 큰 기업이 됐을까?
1. 첫 시작: 브라우저 안에서 포토샵을 만들자
2011년 3월에 WebGL이라는 기술이 나왔어요. WebGL은 쉽게 말해, 웹에서 무거운 그래픽 처리를 가능하게 하는 기술이었죠. 2012년, 브라운대의 Evan Wallace와 Dylan Field는 WebGL을 활용한 프로젝트를 고민하다 이런 대화를 나눴습니다:
“브라우저 안에서 포토샵을 만들 수 있겠는데?”
이 말은 농담이 아니었습니다. 그 뒤로 둘은 Thiel Fellowship(장학금 $100K)을 받고 학업을 중단한 뒤, 웹에서 동작하는 고성능 디자인 툴 개발에 뛰어듭니다.
허나 당시 WebGL은 초기라서 불안정한 점이 많았습니다. 이들은 WebGL을 활용한 서비스를 만드는 것이 아닌, 실제 구현은 거의 렌더링 엔진 수준이었습니다.
정리
- WebGL = 웹에서 무거운 그래픽 처리를 가능하게 하는 기술
- 2012~2015: ‘웹 포토샵’을 꿈꾸며 기술 기반 구축
- WebGL은 초기었기에, 거의 엔전 수즌으로 구현을 해야 했음
👉 이 시기 Figma는 철저한 기술 기반 스타트업이었습니다.
2. 2015년 12월 3일, 최초 프리뷰 런칭
수년간의 기술 개발 끝에, Figma는 공식 블로그에 "Design: Meet the Internet"이라는 제목의 글로 첫 프리뷰를 공개합니다. Product Hunt와 Hacker News에서도 즉시 반응이 나타났습니다.
Product Hunt - Figma Preview Release 글에서 당시의 분위기를 확인해볼 수 있어요.
👍 왜 터졌나?:
- Pen Tool이 Sketch보다 정밀하고 사용성 좋음
- 이미지 렌더링 속도 빠름 (맥북 에어에서도 부드러움)
- “Photoshop보다 빠르고 Illustrator보다 쉬움”
- 정교한 WebGL 기반 엔지니어링이 인상적
2-1. Hacker News 반응 요약 (2015.12.6)
✅ 긍정적 평가:
- “웹 기반인데도 놀랍도록 빠르다”
- “Sketch 이후의 기대작”
- “협업은 꼭 필요한 기능이다”
- “디자인–개발 간 커뮤니케이션이 쉬워질 듯”
- 디자이너 시선: Sketch와 유사한 구조로 진입장벽 낮음
⚠️ 비판 및 우려:
- “디자이너는 새로운 툴을 꺼린다”
- “웹앱은 데스크탑처럼 견고하지 않다”
- “협업이 디자인 품질을 해칠 수도”
- “웹 기반이라는 점만으로는 설득력 부족”
- 개발자 시선: 디자이너가 Unity나 Storyboard를 배우는 게 낫다는 주장도
3. 2016년 9월 28일, 공식 출시 (Figma 1.0)
Medium - Multiplayer Editing in Figma
프리뷰가 웹에서의 디자인 편집기가 핵심이었다면, 정식 출시에서는 ‘멀티플레이어’ 협업 기능이 핵심이었습니다.
- 기존 디자인 툴은 싱글플레이어 기반 → 협업 시 혼란 많음
- Figma는 에디터 간 실시간 협업을 구현
- ‘혼자 쓰는 툴’에서 ‘팀이 함께 쓰는 툴’로 포지셔닝 변경
Dylan은 말했습니다:
“디자인은 협업이다. 힘들더라도 구현해야 한다.”
4. 출시 이후의 업데이트 (2016–2017)
Figma 블로그 - Reflecting on Figma’s First Year
디자이너 기능 강화:
- 2016.12: Components (컴포넌트 기반 디자인)
- 2017.02: 팀 라이브러리 베타
- 2017.07: 프로토타입 제작
- 2017.09: 팀 라이브러리 정식 출시
팀 기능 & 통합 기능:
- 개발자 핸드오프
- Slack, Framer, JIRA, Trello 등과 통합
Figma는 단순히 디자인 툴을 넘어서 디자인 툴에서의 협업 문화로 진화합니다.
Figma는 처음부터 완성된 제품이 아니었습니다. 낯선 기술, 불확실한 시장, 반신반의하는 커뮤니티 속에서도, Figma는 “믿고 만드는 것”의 힘을 증명해 보였습니다.
- 기술 기반의 복잡한 문제를 정면으로 돌파했고,
- 사용자의 피드백을 집요하게 반영하며 점점 더 매끄러운 제품으로 발전했으며,
- 협업이라는 차별화된 비전을 포기하지 않았습니다.
📌 당신도 시작할 수 있습니다.
✔️ 작게 시작하되, 명확한 방향을 갖고
✔️ 기술보다 문제를 먼저 바라보며
✔️ 사용자의 맥락 속에서 침투하고,
✔️ 매일 한 걸음씩 나아가는 꾸준함으로
Figma는 거대한 스케일의 팀에서 탄생한 게 아닙니다. 작은 실험에서 출발해, 세계에서 가장 강력한 디자인 도구 중 하나가 되었습니다. 우리의 작은 시작도, 누군가의 워크플로우를 바꾸는 ‘위대한 앱’이 될 수 있습니다.
✍️ 피그마에게서 배우는 3가지
✅ 기술 기반 툴은 진입장벽이지만, 성공 시 큰 혜자가 됩니다.
✅ 잠재 고객이 이미 사용하는 도구나 환경에 침투하세요. (그들이 쓰는 도구와의 연동, 쓰는 도구와 유사성)
✅ 좋다고 생각하는 미래를 실현시킬 도구를 만드세요. 그 미래가 맞다면 크게 성공할 수 있습니다.
🔗 참고 링크
- https://www.figma.com/blog/design-meet-the-internet/
- https://www.producthunt.com/products/figma/launches/figma-preview-release
- https://news.ycombinator.com/item?id=10614129
- https://medium.com/figma-design/multiplayer-editing-in-figma-8f8076c6c3a6
- https://www.producthunt.com/products/figma/launches/figma-1-0
- https://www.figma.com/blog/reflecting-on-figmas-first-year