graphic-design

토스의 새로운 얼굴 만들기 (새 탭에서 열림)

토스는 서비스의 인상과 신뢰감을 효과적으로 전달하기 위해 기존의 인물 그래픽을 고도화했습니다. 기존의 귀엽고 어린 이미지를 탈피하여 똑똑하고 믿음직한 '토스다운' 인상을 구축하고, 글로벌 확장에 발맞춰 다인종·다문화 환경을 포용할 수 있는 보편적인 디자인 체계를 마련하는 데 집중했습니다. 이를 통해 어떤 화면에서도 완성도를 유지하며 사용자에게 친근하면서도 전문적인 가치를 전달하는 새로운 페르소나를 완성했습니다. **토스다운 신뢰감을 주는 인물 비율 조정** - 기존 그래픽은 얼굴의 세로 비율이 짧아 다소 어려 보이고 신뢰감이 부족하다는 피드백이 있었습니다. - 얼굴 형태를 크게 바꾸어 이질감을 주는 대신, 눈·코·입의 배치와 표현을 미세하게 조정하여 지적이고 성숙한 인상의 균형점을 찾았습니다. - 도형을 단순히 이어 붙인 구조에서 탈피하여 목과 어깨의 곡선을 다듬고 입체감을 더해 조형적 완성도를 높였습니다. - 단정하고 전문적인 분위기를 자아낼 수 있도록 과한 디테일이 배제된 짧은 목폴라 형태의 의상을 기본 착장으로 설정했습니다. **성별과 인종의 경계를 허무는 중립적 디자인** - 특정 성별로 치우치지 않는 중성적인 헤어 스타일을 개발하여 성별 중립적인 인상을 구현했습니다. - 헤어의 부피감을 보완하고 라인을 정돈하여 화면 크기가 커지더라도 그래픽의 밀도가 떨어져 보이지 않도록 개선했습니다. - 단일한 스킨톤에서 벗어나 이모지의 표준을 참고한 다섯 가지 스킨톤 체계를 정의함으로써 다양성을 수용했습니다. - 여러 인물이 등장하는 화면에서는 다양한 스킨톤을 섞어 배치할 수 있도록 가이드를 마련하여 유니버설 디자인의 가치를 투영했습니다. **글로벌 확장을 고려한 포용적 그래픽 시스템** - 한국 중심의 서비스에서 글로벌 시장으로 확장함에 따라 특정 문화권에 국한되지 않는 보편적인 얼굴이 필요해졌습니다. - 노란색과 같은 추상적인 중립 컬러 대신 실제 인종의 다양성을 반영한 컬러 시스템을 선택하여 사용자들의 공감을 유도했습니다. - 디자인 개선 후 실제 앱 적용 시 주변 인터페이스 요소들과 자연스럽게 어우러지며 브랜드의 지향점을 명확히 드러내고 있습니다. 이러한 개편은 단순한 시각적 변화를 넘어 토스가 지향하는 포용성과 신뢰라는 브랜드 가치를 사용자에게 더 가깝게 전달하는 역할을 합니다. 향후에도 인종, 성별, 연령에 관계없이 누구나 자신을 투영할 수 있는 중립적이고 포용적인 그래픽 시스템을 지속적으로 확장해 나갈 것으로 기대됩니다.

Figma Buzz로 브랜드 모멘텀 (새 탭에서 열림)

효율적인 Figma 브랜드 템플릿은 단순한 디자인 결과물을 넘어, 비디자이너도 브랜드 일관성을 유지하며 콘텐츠를 생산할 수 있게 돕는 강력한 도구입니다. 이를 위해 디자이너는 오토 레이아웃과 변수(Variables) 같은 Figma의 고급 기능을 활용해 자동화된 시스템을 구축하고, 사용자가 실수하지 않도록 명확한 가이드를 제공해야 합니다. 결국 잘 설계된 템플릿은 협업 효율을 극대화하고 브랜드의 시각적 언어를 견고하게 유지하는 핵심 자산이 됩니다. **오토 레이아웃과 컴포넌트를 통한 유연성 확보** * **오토 레이아웃(Auto Layout) 활용:** 텍스트 길이나 이미지 크기에 따라 디자인 요소가 자동으로 반응하도록 설정하여, 사용자가 일일이 간격을 조정할 필요가 없게 만듭니다. * **컴포넌트 및 스타일 시스템:** 색상, 타이포그래피, 반복되는 UI 요소를 컴포넌트화하여 일관성을 유지하고, 한 번의 수정으로 전체 템플릿에 변경 사항을 적용할 수 있도록 설계합니다. **명확한 구조화와 내부 가이드 제공** * **페이지 및 섹션 정리:** 'Read Me(사용 설명서)', '컴포넌트 자산', '소셜 미디어', '이메일' 등 사용 목적에 따라 페이지와 섹션을 명확히 구분하여 탐색 시간을 단축합니다. * **템플릿 내 주석 삽입:** 각 템플릿 측면에 배치 가이드나 수정 방법, 권장 이미지 해상도 등을 주석(Annotation)으로 남겨 별도의 매뉴얼 없이도 즉시 작업이 가능하게 합니다. **브랜드 제약 사항과 변수(Variables)의 활용** * **선택의 폭 제한:** 너무 많은 자유도는 브랜드 일관성을 해칠 수 있으므로, 미리 정의된 브랜드 컬러와 폰트 세트 내에서만 선택할 수 있도록 제약을 둡니다. * **변수(Variables)를 이용한 테마 전환:** Figma의 변수 기능을 활용해 라이트/다크 모드나 서로 다른 서브 브랜드 테마를 클릭 한 번으로 전환할 수 있도록 설정합니다. **실제 데이터를 활용한 검증과 지속적인 개선** * **실제 콘텐츠 테스트:** 'Lorem Ipsum' 대신 실제 마케팅 문구와 이미지를 넣어 레이아웃이 깨지지 않는지, 가독성은 유지되는지 사전에 확인합니다. * **피드백 루프 구축:** 템플릿 사용자들이 겪는 어려움을 주기적으로 수집하여, 실무 환경에 최적화된 형태로 템플릿을 지속적으로 업데이트합니다. 훌륭한 템플릿은 디자이너의 손을 떠난 뒤에도 브랜드의 품질을 유지할 수 있어야 합니다. 사용자가 고민 없이 콘텐츠 제작에만 집중할 수 있도록 Figma의 자동화 기능을 적극적으로 도입하고, 친절한 가이드를 포함한 시스템 중심의 접근 방식을 취할 것을 권장합니다.

Intercom AI 서밋의 (새 탭에서 열림)

Figma의 Config 2025 시각적 정체성은 단순한 미학적 선택을 넘어 제품이 만들어지는 '제작의 과정(The craft of building)'과 그 이면의 복잡함을 긍정하는 데 초점을 맞췄습니다. 디자인 팀은 논리적인 구조와 창의적인 영감이 충돌하고 융합되는 지점을 시각화하기 위해 시스템 중심의 유연한 디자인 언어를 구축했습니다. 이를 통해 아이디어가 실제 제품으로 구현되는 여정을 모든 브랜드 접점에서 일관되게 전달하며, 디자인과 엔지니어링의 경계를 허무는 브랜드 경험을 제공합니다. **제작 과정의 시각화: "Messy Middle"** - 완벽하게 정제된 결과물보다는 아이디어가 구체화되는 중간 단계의 가치를 조명하기 위해 청사진, 가이드라인, 와이어프레임 등의 요소를 핵심 디자인 모티프로 사용했습니다. - 제품을 만드는 과정에서 발생하는 수많은 시도와 수정을 시각적 레이어로 쌓아 올려 '만들기'의 즐거움과 고충을 동시에 표현했습니다. **논리와 마법의 결합 (Logic and Magic)** - 엄격한 그리드 시스템과 구조적인 정밀함(논리) 위에, 생동감 넘치는 컬러 팔레트와 유기적인 형태(마법)를 결합하여 피그마의 제품 철학을 담아냈습니다. - 엔지니어링의 정밀함과 디자인의 직관적인 감각이 만나는 지점을 시각적 대비를 통해 극명하게 드러냈습니다. **시스템 중심의 유연한 디자인 프레임워크** - 단순한 그래픽 작업에 그치지 않고, 피그마의 변수(Variables)와 컴포넌트 기능을 활용하여 모든 매체에 즉각적으로 대응할 수 있는 확장 가능한 시스템을 구축했습니다. - 디지털 화면부터 오프라인 행사장 구조물까지, 브랜드 아이덴티티가 환경에 따라 유연하게 변형되면서도 일관된 맥락을 유지하도록 설계했습니다. **인터랙티브 모션과 사용자 경험의 확장** - 인터페이스의 움직임을 닮은 모션 그래픽을 적용하여, 정지된 이미지가 아닌 살아있는 제품처럼 느껴지는 브랜드 경험을 설계했습니다. - 실제 도구를 사용하는 듯한 시각적 효과를 통해 컨퍼런스 참가자들이 피그마의 생태계 안에 깊이 몰입할 수 있도록 유도했습니다. 브랜드의 정체성을 구축할 때 최종 결과물만 보여주기보다, 그 브랜드가 추구하는 ‘방식’과 ‘도구적 특성’을 시각 언어에 직접 투영하는 것이 사용자에게 훨씬 강력한 공감을 불러일으킬 수 있습니다. 특히 기술 기반의 서비스라면 시스템 중심의 디자인 접근법을 통해 브랜드의 전문성과 확장성을 동시에 확보할 것을 추천합니다.

코프코어는 왜 갑자기 (새 탭에서 열림)

Figma의 Config 2025 비주얼 아이덴티티는 '시스템적 사고'와 '예술적 표현'의 결합을 핵심 가치로 내세우며, 디자인 도구가 창의성을 제한하는 것이 아니라 확장하는 매개체임을 강조합니다. 이번 브랜딩은 Figma의 최신 기능을 제작 공정에 직접 도입하여, 수천 개의 에셋을 일관되게 생성할 수 있는 유연하고 확장 가능한 디자인 시스템을 구축하는 데 중점을 두었습니다. 결과적으로 기술적 정교함과 인간적인 감성이 공존하는 독창적인 시각 언어를 완성했습니다. **핵심 컨셉: 구조와 유동성의 공존** * Config 2025의 시각적 테마는 '설계(Architecture)'와 '흐름(Flow)'이라는 대조적인 개념에서 출발했습니다. * 정밀한 그리드 시스템 위에 유기적인 형태와 질감을 얹어, 디자인 프로세스의 논리적인 면과 직관적인 면을 동시에 시각화했습니다. * 모듈화된 디자인 요소를 통해 웹, 모바일, 오프라인 행사장 등 다양한 환경에 즉각적으로 대응할 수 있는 가변적 정체성을 확립했습니다. **Figma 기능을 활용한 워크플로우 최적화** * **Variable(변수) 기반 시스템:** 색상, 타이포그래피, 간격 등을 변수로 관리하여 수백 개의 마케팅 에셋 전체에 걸친 테마 전환을 단 몇 번의 클릭으로 가능하게 했습니다. * **Auto Layout의 극한 활용:** 복잡한 레이아웃을 자동화하여 다양한 기기 해상도에 맞춰 요소들이 지능적으로 재배치되도록 설계했습니다. * **컴포넌트 라이브러리 구축:** 브랜딩 요소들을 컴포넌트화하여 이벤트 기획팀과 개발팀이 디자인 의도를 해치지 않고도 필요한 자산을 직접 생성할 수 있는 셀프서비스 환경을 조성했습니다. **모션 디자인과 인터랙티브 경험** * 정적인 그래픽에 생동감을 불어넣기 위해 제품의 인터랙션 모델을 반영한 모션 가이드라인을 수립했습니다. * 사용자의 커서 움직임이나 클릭에 반응하는 '살아있는 디자인'을 구현하기 위해 프레임 단위의 세밀한 타이밍 조정을 거쳤습니다. * 코드와 디자인의 간극을 줄이기 위해 실제 구현 가능한 수치와 속성을 기반으로 애니메이션을 설계하여 개발 효율성을 높였습니다. **커뮤니티를 위한 개방형 브랜드** * 단순히 브랜드 가이드를 배포하는 것에 그치지 않고, 사용자가 직접 브랜드 요소를 변형하고 놀 수 있는 '커뮤니티 플레이그라운드' 파일을 제공했습니다. * 전 세계 디자이너들이 각자의 스타일로 Config의 시각 언어를 재해석할 수 있도록 유연한 가이드라인을 적용하여 브랜드의 생명력을 확장했습니다. 대규모 프로젝트를 관리하는 디자인 팀이라면 이번 Config 2025의 사례처럼 **'시스템화된 브랜딩'** 도입을 적극 추천합니다. 디자인 요소를 개별 파일로 관리하는 대신, Figma의 변수와 컴포넌트 기능을 활용해 하나의 유기적인 생태계로 구축하면 반복 업무를 획기적으로 줄이고 창의적인 전략 수립에 더 많은 시간을 투자할 수 있습니다.

빌 애킨슨의 더 인간적인 (새 탭에서 열림)

세계적인 그래픽 디자이너 폴라 쉐어(Paula Scher)는 창의성을 유지하고 혁신적인 결과물을 만들어내기 위한 핵심 동력으로 '놀이(Play)'를 강조합니다. 그녀는 디자인 작업이 단순히 기술적인 숙련이나 정해진 규칙을 따르는 것에 그치지 않고, 예측 불가능한 실험과 의도적인 실패를 수용할 때 비로소 진정한 예술적 도약이 가능하다고 주장합니다. 이 글은 익숙함과 매너리즘에서 벗어나 지속 가능한 창작 활동을 이어가기 위한 폴라 쉐어만의 독창적인 태도와 원칙을 다룹니다. ### '엄숙함(Solemn)'과 '진지함(Serious)'의 구분 * '엄숙함'은 이미 검증된 방식에 갇혀 실수를 두려워하고 체면을 차리는 태도로, 창의성을 저해하는 가장 큰 장애물입니다. * 반면 '진지함'은 결과에 대한 압박 없이 순수하게 문제 해결과 과정 그 자체에 완전히 몰입하는, 마치 어린아이의 놀이와 같은 상태를 의미합니다. * 진정한 혁신은 기교를 뽐내는 엄숙한 순간이 아니라, 무언가에 미친 듯이 빠져들어 실험하는 진지한 놀이의 순간에 탄생합니다. ### 초심자의 마음과 의도적인 실패 * 특정 분야의 전문가가 되어 모든 정답을 알고 있다고 믿는 순간 성장은 멈추며, 따라서 늘 '초심자(Beginner)'의 자세로 낯선 분야에 도전해야 합니다. * 완벽을 추구하기보다 '엉망진창(Making a mess)'을 만드는 과정을 즐겨야 기존의 질서에서 벗어난 새로운 시각이 열립니다. * 실패는 피해야 할 오점이 아니라 다음 단계로 나아가기 위해 반드시 거쳐야 할 필수적인 실험 데이터로 받아들여야 합니다. ### 직관의 신뢰와 규칙에 대한 저항 * 지나치게 논리적이고 분석적인 접근은 때로 창의적인 직관을 가로막으므로, 본능적으로 느껴지는 영감을 빠르게 시각화하는 능력이 필요합니다. * 사회나 업계가 규정한 일반적인 규칙에 순응하기보다, 자신만의 새로운 규칙을 만들고 관습에 저항(Defiance)하는 과정에서 독창성이 발현됩니다. * 불가능해 보이는 목표나 터무니없는 아이디어에 도전하는 '바보가 되는 것(Being a fool)'은 고정관념을 깨는 강력한 도구가 됩니다. 디자이너로서 매너리즘에 빠졌거나 작업이 지루하게 느껴진다면, 현재 자신의 태도가 너무 '엄숙'해진 것은 아닌지 점검해 보아야 합니다. 폴라 쉐어의 조언처럼 기술적인 완벽함을 잠시 내려놓고, 실패가 보장된 낯선 실험에 자신을 던질 때 비로소 예기치 못한 영감의 순간을 마주할 수 있을 것입니다.

놀이의 힘 | 피그마 블로그 (새 탭에서 열림)

디자인 툴 Figma가 전문적인 UI/UX 디자인의 영역을 넘어 독립 출판물인 '진(Zine)'을 제작하는 DIY 문화의 핵심 도구로 부상하고 있습니다. 창작자들은 Figma의 실시간 협업 기능과 유연한 레이아웃 엔진을 활용해 디지털 캔버스의 한계를 넘어 물리적인 인쇄물로 결과물을 확장하고 있습니다. 이러한 흐름은 복잡한 출판 소프트웨어의 진입 장벽을 낮추고, 누구나 자신의 이야기를 시각화하여 공유할 수 있는 창작의 민주화를 가속화하고 있습니다. ### 독립 출판 도구로서의 Figma의 강점 * **접근성과 협업**: 고가의 전문 데스크톱 출판 소프트웨어(DTP)와 달리, Figma는 웹 기반으로 운영되어 하드웨어 제약이 적고 여러 명의 창작자가 동시에 접속해 실시간으로 한 권의 잡지를 함께 편집할 수 있습니다. * **직관적인 레이아웃 엔진**: 오토 레이아웃(Auto Layout) 기능을 통해 텍스트 양에 따라 이미지와 여백이 자동으로 조정되는 유연한 디자인 시스템을 구축할 수 있어, 레이아웃 수정 시간을 획기적으로 단축합니다. * **컴포넌트 기반 워크플로우**: 반복되는 페이지 번호, 장식 요소, 타이포그래피 스타일을 컴포넌트화하여 관리함으로써 전체 출판물의 시각적 일관성을 손쉽게 유지할 수 있습니다. ### 디지털 스크린에서 물리적 종이로의 전환 * **프로토타이핑을 통한 사전 시뮬레이션**: 실제 인쇄 전, Figma의 프로토타이핑 기능을 활용해 페이지를 넘기는 경험을 미리 체험해 봄으로써 독자의 시선 흐름과 물리적인 제본 상태를 미리 예측합니다. * **플러그인을 활용한 인쇄 최적화**: 디지털 색상 공간(RGB)에서 인쇄용 색상 공간(CMYK)으로 전환하거나, 인쇄용 PDF 내보내기를 지원하는 다양한 커뮤니티 플러그인을 사용하여 전문 인쇄 공정에 대응합니다. * **캔버스의 무한한 활용**: 정해진 페이지 규격에 얽매이지 않는 무한한 캔버스에서 아이디어를 브레인스토밍하고, 이를 조각내어 실제 페이지로 구성하는 실험적인 워크플로우가 가능합니다. ### DIY 문화와 기술의 결합이 만드는 변화 * **디자인 장벽 완화**: 비전공자나 학생들도 익숙한 웹 인터페이스를 통해 복잡한 기술적 습득 없이도 수준 높은 레이아웃의 독립 잡지를 제작할 수 있게 되었습니다. * **커뮤니티 중심의 창작**: Figma 커뮤니티에서 공유되는 템플릿과 에셋들을 통해 전 세계 창작자들이 서로의 노하우를 공유하며 진 메이킹(Zine-making) 문화를 확산시키고 있습니다. 전문적인 출판 도구의 복잡함 때문에 망설였던 창작자라면, Figma의 오토 레이아웃과 협업 기능을 활용해 첫 번째 독립 출판물을 기획해 보시길 권장합니다. 디지털 환경에서 다듬은 디자인 시스템을 물리적인 종이 질감으로 구현하는 과정은 디자인의 외연을 넓히는 새로운 경험이 될 것입니다.

Zine)까지: 피그마 (새 탭에서 열림)

디지털 인터페이스 디자인 도구인 피그마(Figma)가 전통적인 수공예인 퀼트 제작의 혁신적인 설계 도구로 변모했습니다. 디자이너 니콜 뵤처(Nicole Boettcher)는 피그마의 강력한 벡터 기반 기능과 컴포넌트 시스템을 활용해 복잡한 퀼트 패턴을 정교하게 시각화하고 실제 제작 공정을 체계화합니다. 이는 전문적인 디자인 소프트웨어가 본래의 목적을 넘어 창의적인 아날로그 작업의 효율성과 완성도를 어떻게 극대화할 수 있는지를 잘 보여주는 사례입니다. ### 피그마의 핵심 기능을 활용한 패턴 설계 * **벡터 네트워크(Vector Networks):** 피그마의 정교한 벡터 드로잉 기능을 통해 퀼트 조각의 기하학적 형태를 밀리미터 단위로 정확하게 설계하며, 이는 실제 원단 재단 시 오차를 줄이는 핵심 역할을 합니다. * **컴포넌트(Components) 시스템:** 반복되는 퀼트 블록을 컴포넌트로 등록하여 관리합니다. 마스터 컴포넌트의 색상이나 형태를 한 번만 수정하면 전체 디자인에 즉각 반영되므로, 수백 개의 조각이 포함된 복잡한 패턴도 손쉽게 반복 실험할 수 있습니다. * **레이아웃 그리드(Layout Grids):** 눈금자와 그리드 기능을 활용해 원단이 맞물리는 지점을 계산하고, 전체적인 대칭과 비례를 엄격하게 제어하여 구조적 안정성을 확보합니다. ### 색상 실험과 제작 공정의 효율화 * **무한한 색상 변주:** 원단을 실제로 자르기 전에 피그마 내에서 다양한 색상 팔레트를 적용해 보며 최적의 시각적 조합을 찾습니다. 이는 물리적 재료의 낭비를 방지하고 창의적인 시도를 가능하게 합니다. * **수량 및 면적 계산:** 각 도형 조각의 데이터를 기반으로 필요한 원단의 양을 미리 계산하여 구매 계획을 세울 수 있으며, 복잡한 레이아웃을 레이어별로 분리해 바느질 순서를 논리적으로 구성합니다. * **디지털 청사진 활용:** 완성된 디지털 디자인은 실제 제작 과정에서 가이드라인 역할을 하며, 모바일 기기로 피그마 파일을 확인하며 작업 환경에서 실시간으로 참조할 수 있습니다. 소프트웨어의 용도는 개발자가 정의한 기능에 국한되지 않습니다. 여러분이 매일 사용하는 업무용 도구를 전혀 다른 창조적인 영역—예를 들어 목공, 도예, 또는 의류 제작—에 적용해 보세요. 도구가 가진 고유의 논리적 구조가 아날로그 작업에 예상치 못한 정교함과 자유로움을 선사할 것입니다.

게임계 내 흑인 목소 (새 탭에서 열림)

디스코드(Discord)는 2025년 흑인 역사의 달(Black History Month)을 맞아 게임 산업을 형성하고 혁신을 이끌어온 흑인 크리에이터와 커뮤니티의 공로를 기리는 캠페인을 진행합니다. 디스코드 내의 흑인 및 아프리카계 미국인 네트워크인 'BAAM ERG'를 중심으로, 게임 업계 내 다양성과 포용성을 확장하기 위해 문화와 정체성을 반영하는 목소리들을 조명합니다. 이러한 활동은 모든 게이머가 소속감을 느낄 수 있는 더욱 환영받고 창의적인 게임 환경을 구축하는 것을 최종 목표로 합니다. **BAAM ERG의 주도와 게임 내 다양성 강화** * 디스코드의 직원 리소스 그룹인 BAAM ERG는 게임 산업 전반에 걸쳐 흑인 게이머, 개발자, 커뮤니티 빌더들이 끼친 영향력을 알리는 데 앞장서고 있습니다. * 경쟁적인 플레이어부터 캐주얼 게임 개발자까지, 다양한 분야에서 흑인 개인들이 게임의 풍경을 바꾸고 포용적인 문화를 정착시키는 데 기여했음을 강조합니다. * 문화, 정체성, 재현(representation)의 교차점을 기념하며 모든 사용자가 이러한 가치를 지지하고 동참할 것을 권장합니다. **영감을 주는 주요 크리에이터 및 단체** * **Aurélia Durand**: 정체성, 다양성, 여성성을 주제로 작업하는 프랑스 그래픽 아티스트로, 이번 캠페인 블로그의 헤더 아트워크를 제작하여 시각적 메시지를 전달합니다. * **Black Girl Gamers**: Jay-Ann Lopez가 설립한 커뮤니티 기반 조직으로, 게임 산업 내 흑인 여성들의 목소리를 높이고 다양성을 옹호하는 활동을 펼치고 있습니다. * **Brown Girl Gamer Code**: Brandii JaVia가 설립한 디지털 커뮤니티로, 게임 및 기술 분야 유색인종 여성들의 이야기와 기여도를 널리 알리는 데 주력합니다. 디스코드는 이러한 커뮤니티와 혁신가들을 지지함으로써 더욱 다양하고 포용적인 게임 생태계를 만들 수 있다고 믿습니다. 흑인 크리에이터들의 스토리에 귀를 기울이고 그들의 활동을 응원하는 것뿐만 아니라, 디스코드의 채용 기회를 통해 직접 조직에 합류하여 함께 소속감을 구축해 나갈 것을 제안합니다.

Figma on Figma: 최신 (새 탭에서 열림)

피그마는 브랜드의 정체성을 공고히 하고 제품의 기능적 요구를 충족하기 위해 전용 서체인 'Figma Sans'를 개발했습니다. 기존에 사용하던 범용 서체인 Inter에서 벗어나, 도구로서의 정교함과 창의적인 공동체의 따뜻함이 공존하는 독자적인 타이포그래피 시스템을 구축했습니다. 이 프로젝트는 제품 UI 내에서의 가독성과 마케팅 환경에서의 브랜드 개성을 동시에 확보하는 것을 목표로 진행되었습니다. ### 독자적 서체 개발의 배경과 동기 * **차별화된 브랜드 정체성 구축**: 피그마는 그동안 오픈 소스 서체인 Inter를 사용해왔으나, 많은 테크 기업들이 유사한 스타일을 채택함에 따라 피그마만의 고유한 시각적 목소리를 찾을 필요성을 느꼈습니다. * **기능성과 개성의 공존**: 단순히 예쁜 글꼴이 아니라, 복잡한 디자인 도구인 피그마 내부에서 정보를 명확하게 전달하는 '도구적 기능'과 브랜드의 창의성을 드러내는 '표현적 기능' 사이의 균형이 필요했습니다. ### 디자인 철학: 기하학적 정밀함과 인간적 터치 * **Grilli Type과의 협업**: 세계적인 폰트 파운드리인 Grilli Type과 협력하여, 고전적인 기하학적 산세리프 구조에 휴머니스트(Humanist)적인 디테일을 가미했습니다. * **부드러운 곡선과 직선의 조화**: 글자 끝부분의 처리나 곡선의 연결 부위에서 손글씨의 유기적인 느낌을 살려, 차가운 소프트웨어가 아닌 사람이 사용하는 따뜻한 도구라는 느낌을 전달합니다. ### 주요 디자인 디테일과 기술적 특징 * **독특한 글자 형태(Glyphs)**: 소문자 'a', 'g' 등에서 볼 수 있는 독특한 곡선은 가독성을 높이는 동시에 Figma Sans만의 개성을 부여합니다. 특히 쉼표(,)나 마침표(.) 같은 문장 부호에도 세심한 디자인을 적용했습니다. * **가변 서체(Variable Font) 도입**: 가변 서체 기술을 활용하여 굵기(Weight)와 너비(Width)를 세밀하게 조절할 수 있게 함으로써, 좁은 UI 패널부터 거대한 광고판까지 모든 환경에서 최적의 시각적 경험을 제공합니다. * **숫자와 기호의 최적화**: 디자인 도구 특성상 숫자가 자주 노출되는 점을 고려하여, 표 데이터나 좌표값 등을 읽기 쉽도록 숫자의 폭과 모양을 정교하게 다듬었습니다. ### 제품 UI와 브랜드 마케팅의 통합 * **경계 없는 사용자 경험**: 사용자가 피그마 웹사이트에서 제품 내부로 들어올 때 시각적인 단절을 느끼지 않도록, 마케팅용 디자인과 실제 제품 인터페이스에 동일한 서체 시스템을 적용했습니다. * **서체 자체가 디자인 도구**: Figma Sans는 피그마라는 제품의 일부처럼 느껴지도록 설계되었으며, 이는 사용자가 도구를 사용할 때 느끼는 안정감과 신뢰도를 높이는 데 기여합니다. Figma Sans의 탄생은 브랜드가 성장함에 따라 단순한 시각 요소의 변화를 넘어, 자신들만의 '언어'를 정의하는 과정이 얼마나 중요한지를 보여줍니다. 기업의 고유한 철학을 디자인의 가장 기본 요소인 타이포그래피에 녹여냄으로써, 기능적 효율성과 감성적 연결을 동시에 달성할 수 있음을 입증한 사례입니다.

시시르 메로트라가 (새 탭에서 열림)

세계적인 그래픽 디자이너 폴라 셰어(Paula Scher)는 진정한 창의성이 '엄숙한 작업(Solemn work)'이 아닌 '진지한 놀이(Serious play)'에서 탄생한다고 강조합니다. 그녀는 숙련된 전문가로서의 매너리즘에 빠지는 것을 경계하며, 오히려 무언가를 어떻게 해야 할지 모르는 상태에서 시도하는 무모함이 혁신적인 결과물을 만든다고 주장합니다. 결국 디자이너에게 가장 필요한 것은 정해진 정답을 따르는 능력이 아니라, 놀이처럼 몰입하며 우연과 직관을 수용하는 태도라는 것이 이 글의 핵심 결론입니다. ### 진지한 놀이와 엄숙한 작업의 대조 * **엄숙함(Solemnity)의 한계**: 사회적으로 인정받고 성공적인 결과물을 반복해서 내놓는 '엄숙한' 상태는 창의성을 고착화합니다. 이는 이미 검증된 방식을 따르는 것이기에 실패는 없지만, 결코 새로운 발견을 이끌어내지 못합니다. * **진지한 놀이(Serious Play)의 힘**: 무언가를 어떻게 해야 할지 모르는 상태에서 몰입할 때 발생하는 '진지한 놀이'는 규범을 깨고 새로운 가능성을 엽니다. 이는 단순히 즐겁게 노는 것이 아니라, 해결책을 모르는 문제에 완전히 몰입하는 상태를 의미합니다. ### 전문가라는 함정 탈출하기 * **아마추어 정신의 유지**: 폴라 셰어는 스스로를 '전문가'라고 정의하는 순간 성장이 멈춘다고 경고합니다. 전문가가 되면 효율적인 결정을 내리게 되지만, 이는 곧 과거의 성공 공식을 반복하는 것에 불과하기 때문입니다. * **무지가 주는 자유**: 프로젝트에 대해 잘 모르는 상태에서 접근할 때 오히려 관습에 얽매이지 않는 대담한 제안이 가능해집니다. ### 직관과 우연을 수용하는 설계 과정 * **첫 번째 직관의 가치**: 오랜 시간 논리적으로 분석해서 나온 결과보다, 문제를 접한 순간 본능적으로 떠오른 첫 아이디어가 가장 강력할 때가 많습니다. * **실수와 사고의 활용**: 완벽한 계획보다는 작업 과정에서 발생하는 예기치 못한 실수나 사고를 새로운 영감의 원천으로 삼아야 합니다. 혁신은 종종 의도치 않은 경로에서 발견됩니다. ### 지속적인 변화와 환경의 구축 * **끊임없는 자기 변화**: 디자이너는 자신의 스타일이 하나의 브랜드가 되어 굳어지는 것을 거부하고, 계속해서 도구를 바꾸거나 접근 방식을 달리하며 자신을 낯선 환경에 던져야 합니다. * **영감을 주는 관계**: 주변의 동료나 환경이 자신의 사고를 자극할 수 있도록 구성하여, 안주하지 않고 끊임없이 질문을 던지는 상태를 유지해야 합니다. 창의적인 성취를 지속하고 싶다면 결과에 대한 압박에서 벗어나 '과정' 그 자체를 놀이로 만들어야 합니다. 효율성과 정답을 요구하는 세상에서 의도적으로 '모르는 상태'를 유지하고 본능적인 감각을 신뢰하는 것이야말로 독창적인 결과물을 만드는 가장 확실한 방법입니다.

새로운 진을 통해 놀이의 (새 탭에서 열림)

폴라 쉐어(Paula Scher)는 디자인 과정에서 '엄숙함(Solemn)'과 '진지함(Serious)'을 구분하는 것이 창의성의 핵심이라고 주장합니다. 단순히 매뉴얼을 따르는 전문성을 넘어, 결과가 보장되지 않는 위험한 시도인 '놀이'를 통해 혁신적인 디자인이 탄생한다는 결론을 내립니다. 그녀의 10가지 규칙은 디자이너가 어떻게 매너리즘을 극복하고 지속 가능한 창작 동력을 얻을 수 있는지에 대한 실천적 통찰을 제공합니다. ### 엄숙함과 진지함의 경계 * **엄숙함(Solemn)의 함정:** 이미 검증된 방식을 따르며 완벽을 기하는 전문성은 효율적이지만, 새로운 발견을 저해하고 창의성을 고갈시키는 원인이 됩니다. * **진지함(Serious)으로서의 놀이:** 결과가 불확실한 일에 아이처럼 몰두하는 상태를 의미하며, 모든 위대한 작업은 정답이 없는 상태에서 벌이는 이러한 '진지한 놀이'에서 시작됩니다. ### 초보자 정신과 직관의 가치 * **무지의 힘(Neophyte):** 특정 분야의 전문가가 되기 전, 아무것도 모르는 상태에서 내리는 결정이 때로는 가장 혁신적인 해답을 제시합니다. * **매너리즘 극복:** 지식이 쌓일수록 고정관념에 갇히기 쉬우므로, 의도적으로 낯선 환경에 자신을 노출시켜 초심자의 시각을 유지해야 합니다. ### 위험 감수와 실패를 통한 성장 * **낭떠러지 끝으로 가기:** 안전한 길만 택하면 평범한 결과물만 남게 됩니다. 실패할 확률이 높은 '위험한 지점'까지 디자인을 밀어붙일 때 비로소 독창성이 발현됩니다. * **실패의 재정의:** 실패는 성공의 반대가 아니라 놀이 과정에서 자연스럽게 발생하는 부산물이며, 이를 통해 발견하는 '예상치 못한 결과'가 디자인의 핵심이 됩니다. ### 창작 환경의 자율성 확보 * **자유로운 실험:** 금전적 보상에 얽매이지 않는 개인적인 프로젝트나 무료 작업은 디자이너에게 완전한 통제권과 실험의 자유를 부여하여 역량을 확장시킵니다. * **올바른 관계 설정:** 자신의 비전을 이해하고 함께 모험할 수 있는 클라이언트를 찾는 것이 중요하며, 유행을 쫓기보다 자신만의 보폭을 유지하는 태도가 필요합니다. 폴라 쉐어의 조언은 단순히 시각적 기술을 연마하는 것을 넘어 창작자로서의 본질적인 태도를 강조합니다. 매너리즘에 빠졌다면 스스로를 다시 '초보자'의 위치로 돌려보내고, 효율성보다는 결과가 보장되지 않는 무모하고 즐거운 실험에 몰입해 보는 것이 지속 가능한 디자인 커리어를 위한 가장 강력한 처방이 될 것입니다.

Inter의 탄생 | Figma 블 (새 탭에서 열림)

그리리 타입(Grilli Type)은 서체가 단순히 정보를 전달하는 도구를 넘어, 브랜드의 정체성과 감정적 깊이를 표현하는 핵심적인 디자인 시스템임을 강조합니다. 이들은 현대적인 가변 글꼴(Variable Fonts) 기술과 피그마(Figma) 같은 협업 도구를 결합하여, 디지털 환경에서 서체가 어떻게 무한한 확장성을 가질 수 있는지 보여줍니다. 결과적으로 서체 설계는 시각적 아름다움을 넘어 기술적 정교함과 사용자 접근성을 동시에 충족해야 한다는 결론을 제시합니다. ### 가변 글꼴을 통한 표현의 확장 * 가변 글꼴 기술을 활용하여 단일 폰트 파일 내에서 굵기(Weight), 너비(Width), 기울기(Slant) 등 다양한 축을 자유롭게 조절함으로써 디자인의 유연성을 극대화합니다. * 서체를 고정된 이미지가 아닌 데이터 기반의 동적 시스템으로 정의하여, 반응형 웹이나 복잡한 인터페이스 환경에서도 최적화된 시각 경험을 제공합니다. * 디테일한 수치 조정을 통해 브랜드 고유의 '목소리'를 미세하게 조정하며, 정적인 글꼴이 줄 수 없는 생동감을 부여합니다. ### 피그마를 활용한 실시간 타이포그래피 실험 * 피그마를 단순한 레이아웃 도구가 아닌 서체의 실제 렌더링과 사용성을 검증하는 '라이브 실험실'로 활용합니다. * 디자이너와 개발자가 동일한 캔버스에서 서체의 정밀한 수치를 공유함으로써, 기획 단계와 최종 구현 결과물 사이의 간극을 최소화합니다. * 실제 콘텐츠를 서체에 적용해 보며 자간, 행간, 가독성 등을 실시간으로 테스트하여 사용자 중심의 디자인 의사결정을 내립니다. ### 디자인의 포용성과 접근성 강화 * 미학적인 완성도만큼이나 중요한 요소로 '접근성(Accessibility)'을 꼽으며, 다양한 시각적 능력을 가진 사용자들이 정보를 명확히 인지할 수 있도록 설계합니다. * 글꼴의 획 대비와 글자 간의 구별 명확성(Legibility)을 높여, 작은 화면이나 열악한 조도 환경에서도 읽기 쉬운 디자인을 추구합니다. * 다양한 언어권과 문화적 맥락을 반영한 글꼴 설계를 통해 글로벌 서비스에서도 일관된 사용자 경험을 유지하도록 돕습니다. 현대 디자인에서 서체는 제품의 인상을 결정짓는 가장 강력한 요소 중 하나입니다. 디자이너는 서체를 선택하는 것에 그치지 않고, 서체의 기술적 특성을 깊이 이해하여 브랜드의 고유한 서사(Narrative)를 전달하는 '전체적인 표현(Full-scale expression)'의 수단으로 활용해야 합니다. 이를 위해 도구의 기능을 적극적으로 탐구하고 접근성에 기반한 설계를 습관화하는 것이 권장됩니다.

Figma 채용 담당자가 전하는 (새 탭에서 열림)

제시해주신 내용은 Skillshare에서 제공하는 디자인 포트폴리오 제작 관련 무료 클래스를 소개하는 안내글입니다. 해당 내용을 바탕으로 요청하신 형식에 맞춰 정리해 드립니다. 디자인 분야의 커리어 성장을 목표로 하는 이들을 위해 Skillshare에서 포트폴리오 제작 기술을 마스터할 수 있는 무료 온라인 클래스를 공개했습니다. 이 강의는 디자이너가 자신의 역량을 시각적으로 증명하는 방식을 넘어, 실무적인 영감과 효율적인 작업 방식을 결합하여 전문적인 포트폴리오를 구축하는 데 초점을 맞춥니다. 결과적으로 수강생은 자신의 커리어 가치를 높일 수 있는 전략적인 포트폴리오 구성법을 학습하게 됩니다. **디자인 포트폴리오의 전략적 구성** * Skillshare 클래스를 통해 단순한 작업물의 나열이 아닌, 하나의 '예술적 완성도'를 갖춘 포트폴리오 제작 노하우를 습득할 수 있습니다. * 디자인 원칙과 시각적 스토리텔링을 활용하여 채용 담당자나 클라이언트에게 강력한 인상을 남길 수 있는 구성 방식을 다룹니다. **커리어 발전과 실무 역량 강화** * 'Working Well' 세션을 통해 건강하고 생산적인 작업 환경을 조성하고 지속 가능한 디자인 커리어를 유지하는 팁을 제공합니다. * 최신 디자인 트렌드와 영감을 주는 사례들을 분석하여, 실무에서 마주하는 문제들을 창의적으로 해결할 수 있는 인사이트를 제시합니다. 디자인 포트폴리오는 디자이너의 전문성을 대변하는 가장 중요한 도구입니다. 현재 자신의 작업물을 정리하는 데 어려움을 겪고 있거나 커리어의 다음 단계로 도약하고 싶다면, 이번 무료 클래스를 활용해 전문가의 가이드에 따라 포트폴리오의 품질을 한 단계 높여보시길 권장합니다.