qr-code

2 개의 포스트

figma

활성화의 해부학 | (새 탭에서 열림)

Figma는 IPO를 기념해 뉴욕증권거래소 앞에서 대규모 공개 행사인 ‘Figma Commons’를 열고, “Design is everyone’s business”라는 메시지를 시민과 커뮤니티에 전달했다. 행사는 단순한 상장 기념식을 넘어 mural, 포스터, 디지털 광고, 무료 초대, 디자인 중심의 현장 경험을 결합해 Figma의 공동체적 브랜드 정체성을 대중에게 확장한 사례였다. 엄격한 도시 규정과 촉박한 홍보 일정 속에서도 접근성과 세부 디자인을 모두 놓치지 않는 방식으로 기획됐다. ## IPO를 커뮤니티와 함께 축하하기 - 7월 31일 뉴욕증권거래소 건물에 대형 Figma 배너를 설치하고 “Design is everyone’s business”라는 메시지를 내걸었다. - 뉴욕증권거래소 상장은 Figma가 더 넓은 대중에게 소개되는 계기인 동시에, 지금까지 함께 성장한 커뮤니티를 초대하는 행사로 기획됐다. - 이벤트·커뮤니티 경험 팀은 Config Commons와 같은 기존 팝업 경험을 확장해 도시 전체를 활용하는 형태를 선택했다. - 주요 프로젝트로 브루클린 대형 mural, 뉴욕 곳곳의 포스터, 타임스스퀘어 디지털 빌보드, NYSE 앞 Figma Commons가 포함됐다. ## 복잡한 행정·현장 제약을 해결한 설계 - 행사 준비에는 수주가 걸렸으며, 뉴욕시 건축국, NYPD, 시장실 등 여러 기관의 승인 절차가 필요했다. - 긴급 차량 통행 규정 때문에 모든 임시 구조물은 바퀴가 달려 이동 가능한 형태여야 했다. - 금속 구조물 설치 중 번개가 치면 도시 규정에 따라 매번 30분간 작업을 중단해야 했다. - 폭풍우로 설치 작업이 지연되는 상황에서도 행사의 규모와 완성도를 유지해야 했다. - 커뮤니티·이벤트 담당자인 Jordan Scott과 Kelley Sauer가 행사 콘셉트와 세부 실행을 주도했다. ## 도시 전체로 확장한 초대 - 행사 홍보는 보도자료 발표 전까지 비공개로 유지해야 했기 때문에 실제 홍보에 사용할 수 있는 시간이 15시간도 되지 않았다. - 팀은 온라인 캠페인보다 현장 중심의 방식을 택했다. - 지하철역과 페리 터미널에서 전단 배포 - 맨해튼과 브루클린 곳곳에 포스터를 붙이는 와일드포스팅 - 기존 장기 고객과 지역 커뮤니티에 직접 연락 - 포스터의 QR 코드는 누구나 무료로 Figma Commons에 참석할 수 있는 초대 페이지로 연결됐다. - 초대의 대상을 기존 Figma 사용자로 한정하지 않고 “누구에게나 열려 있는” 행사로 인식시키는 데 초점을 맞췄다. ## 세부 디자인으로 완성한 현장 경험 - Figma 커뮤니티가 제품뿐 아니라 디자인의 세부 요소에도 관심이 많다는 점을 행사 설계에 반영했다. - 브랜드 팀이 행사 전용 사인과 그래픽을 제작해 공간 전체에 일관된 시각적 경험을 만들었다. - 한정판 굿즈는 로고를 과도하게 노출하기보다 신선하고 디자인 중심적인 방향으로 제작했다. - 뉴욕에서 인기 있는 음식점의 간식을 제공하는 푸드·드링크 트럭을 운영해 지역성과 접근성을 더했다. - 뉴욕 그래피티 아티스트 Greg Lamarche가 행사 중 “make”라는 문구의 mural을 직접 완성했다. - 타임스스퀘어에서는 Figma Make 광고를 상장 전부터 연말까지 디지털 빌보드로 노출했다. - 브루클린의 Figma Make mural에는 브랜드 스튜디오가 직접 만든 200개 이상의 손그림 글리프가 사용됐다. ## 브랜드 메시지를 공개 경험으로 전환하기 - Figma는 상장을 기업의 재무적 사건으로만 다루지 않고, 디자인이 더 많은 사람의 일이 된다는 브랜드 메시지를 도시 공간에서 체험하게 했다. - 대형 광고와 설치물은 인지도를 높였고, 무료 초대와 현장 프로그램은 실제 참여 장벽을 낮췄다. - 제품 커뮤니티, 지역 시민, 처음 Figma를 접하는 사람 모두가 행사에 참여할 수 있도록 규모와 접근성을 함께 설계했다. - 결과적으로 Figma Commons는 상장 기념식과 브랜드 activation, 커뮤니티 행사를 결합한 공개형 캠페인으로 기능했다. 실용적으로는 대형 브랜드 행사를 기획할 때 규모만 키우기보다, 핵심 메시지·참여 방식·현장 제약·세부 디자인을 하나의 경험으로 연결하는 것이 중요하다. 특히 홍보 시간이 제한된 상황에서는 지역 접점과 직접 초대처럼 빠르게 실행할 수 있는 채널이 효과적인 대안이 될 수 있다.

figma

플러그인으로 사용자와 팀 (새 탭에서 열림)

Figma 플러그인은 반복적이고 팀별로 특수한 작업을 자동화해 디자이너의 생산성과 협업 품질을 높일 수 있다. 공개 플러그인을 사용하는 것만으로 해결되지 않는 문제라면, 제품·컴포넌트·스타일에 맞춘 맞춤형 플러그인을 직접 만드는 것이 효과적이다. GitHub, Atlassian, Uber의 사례는 작은 유틸리티에서 출발해 팀 전체의 통합 도구로 발전시키는 방법을 보여준다. ## 반복 작업을 줄이는 맞춤형 플러그인 - 공개 플러그인이 400개 이상 제공되더라도 특정 조직의 컴포넌트나 디자인 시스템에 맞는 기능은 직접 만들어야 할 수 있다. - 플러그인 개발의 좋은 출발점은 반복적이고 번거로우며 실수하기 쉬운 작업을 발견하는 것이다. - 처음에는 작은 유틸리티로 시작한 뒤, 팀의 여러 요구를 하나의 플러그인으로 통합할 수 있다. ## GitHub: 컴포넌트 관리와 테마 전환 자동화 ### 레이어 테두리 제어 - GitHub는 다양한 위치와 크기의 구분선을 하나의 리스트 아이템 컴포넌트 안에서 관리했다. - 여러 변형 컴포넌트를 따로 유지하는 대신, 플러그인이 필요한 레이어 조합의 표시 여부를 자동으로 전환했다. - 그 결과 컴포넌트 수와 유지보수 부담을 줄일 수 있었다. ### 색상 테마 관리 - 모바일 앱에서 라이트 테마, 다크 테마, 고대비 모드를 지원하기 위해 네 가지 색상 세트를 관리해야 했다. - 플러그인은 기능적 이름으로 지정된 스타일을 검색하고 관리하도록 도왔다. - 전체 디자인을 몇 번의 클릭만으로 다른 테마로 전환할 수 있게 했다. ### 실제 데이터 삽입 - 정확한 목업과 디자인 스트레스 테스트를 위해 API에서 실제 데이터를 가져오는 데이터 채우기 플러그인을 만들었다. - 무작위 데이터 샘플을 가져와 아바타, 사용자명, 이름 등을 컴포넌트의 레이어 이름에 맞춰 자동 매핑했다. - 이후 테두리, 테마, 데이터 삽입 기능을 하나의 ‘모노 플러그인’으로 통합해 팀원들이 단일 UI에서 여러 기능을 사용할 수 있게 했다. ## Atlassian: 제품에 맞는 콘텐츠와 가상 사용자 이미지 - 일반적인 더미 텍스트가 아니라 제품별로 서로 연결된 데이터를 생성하기 위해 ADG Data Generator를 개발했다. - Jira에서는 프로젝트명과 티켓 번호, Bitbucket에서는 브랜치명과 커밋 메시지처럼 작업 중인 제품에 맞는 콘텐츠를 제공했다. - 실제 인물 사진 대신 실제로 존재하지 않는 사람을 표현하는 AI 생성 이미지를 사용해 개인정보나 이미지 라이선스 문제를 줄였다. - Atlassian은 이 플러그인의 소스 코드를 공개해 유사한 도구를 만들려는 커뮤니티가 참고할 수 있도록 했다. ## Uber: 협업과 디자인 검증 지원 - Uber에서는 여러 플러그인을 만들어 협업을 강화하고 디자인 불일치를 줄이며 작업 속도를 높였다. - 모바일 디자인 리뷰를 위해 선택한 Figma 프레임을 URL과 QR 코드로 기기에 미러링하는 플러그인을 개발했다. - 리뷰 참가자들이 대형 화면을 함께 보는 대신 각자의 스마트폰에서 디자인을 직접 확인할 수 있어, 실제 사용 환경에 가까운 피드백을 제공할 수 있었다. - Uber 사례는 플러그인이 단순한 제작 자동화뿐 아니라 디자인 크리틱과 협업 방식 자체도 개선할 수 있음을 보여준다. ## 플러그인 개발 기회를 찾는 방법 - 자주 반복하는 수작업을 목록으로 만들고, 클릭·검색·레이어 전환이 많은 작업부터 자동화한다. - 팀의 제품 데이터나 디자인 시스템처럼 일반 플러그인이 알기 어려운 내부 맥락을 활용한다. - 하나의 거대한 도구를 처음부터 만들기보다 작은 기능을 검증한 후 관련 기능을 통합한다. - 팀 전체가 사용할 경우 설치와 실행 과정을 단순화하고, 하나의 통합 UI로 제공하는 것이 좋다. 실무에서는 “반복적으로 시간을 빼앗기지만 규칙이 명확한 작업”부터 플러그인화하는 것이 가장 효율적이다. 특히 테마 전환, 콘텐츠 생성, 컴포넌트 상태 변경, 실제 기기 검토처럼 오류가 발생하기 쉬운 작업이 좋은 대상이다.