vector-design

Config 2025 (새 탭에서 열림)

피그마는 디자인을 단순히 화면을 만드는 작업이 아니라, 아이디어를 실제 제품으로 구현하는 전 과정으로 확장하고 있다고 설명한다. AI로 소프트웨어 제작이 쉬워질수록 차별화된 품질과 관점, 완성도를 결정하는 디자인의 역할은 더 중요해진다. Config 2025에서 공개한 Figma Make, Sites, Grid, Draw, Buzz는 아이디어 구상부터 프로토타입, 개발, 배포용 콘텐츠 제작까지 하나의 협업 환경에서 연결하려는 제품들이다. ## Figma Make: 프롬프트로 디자인을 코드와 프로토타입으로 확장 - 기존 디자인 파일이나 자연어 프롬프트를 바탕으로 작동하는 고충실도 프로토타입을 생성한다. - 디자인과 개발 사이의 도구 장벽을 낮춰, 별도의 복잡한 개발 지식 없이 아이디어를 빠르게 검증할 수 있다. - 특정 화면이나 요소를 선택한 뒤 “여기에 게시 버튼을 추가해줘”처럼 자연어로 수정할 수 있다. - 정적인 시안만으로는 확인하기 어려운 인터랙션, 애니메이션, 구현 가능성을 직접 테스트할 수 있다. - Figma 안에 통합되어 있으며 협업을 기본으로 지원하므로, 팀이 하나의 파일과 맥락 안에서 아이디어를 정의하고 반복 개선할 수 있다. - 핵심 목표는 빠른 탐색뿐 아니라 세부 조정과 디자인 의도 보존까지 지원하는 것이다. ## Figma Sites: 디자인에서 실제 웹사이트 배포까지 - 디자인 결과물을 실제 웹사이트로 발전시키는 웹 제작 환경이다. - 디자인 도구와 웹 개발 도구 사이의 단절을 줄여, 디자이너가 제작한 결과를 production 단계까지 직접 가져갈 수 있도록 한다. - 반응형 레이아웃, 상호작용, 애니메이션 등 실제 웹 경험에 필요한 요소를 디자인 과정에서 다룬다. - 디자인 파일을 개발자에게 전달하는 데 그치지 않고, 웹사이트의 제작과 게시까지 연결하는 것을 목표로 한다. - 제품팀이 아이디어를 시각화한 뒤 별도의 변환 작업을 최소화하면서 실제 결과물을 검증할 수 있다. ## Grid: 자유로운 캔버스와 구조화된 레이아웃의 결합 - 자유롭게 배치하고 탐색하는 Figma의 캔버스 방식과, 정돈된 구조를 요구하는 레이아웃 작업을 연결한다. - 초기 아이디어 단계에서는 요소를 자유롭게 배치하고, 구체화 단계에서는 이를 구조화된 그리드와 레이아웃으로 전환할 수 있다. - 화면 크기나 콘텐츠 변화에 대응하는 정렬·간격·배치 규칙을 보다 체계적으로 관리할 수 있다. - 완전히 고정된 디자인과 무질서한 자유 배치 사이를 오가며 작업할 수 있다는 점이 핵심이다. ## Figma Draw: 벡터 디자인의 표현력 확대 - 기존의 정교하고 구조화된 벡터 작업에 자유로운 드로잉과 질감을 더한다. - 손으로 그린 듯한 표현, 거친 선, 브러시 질감 등 기존 UI 중심 디자인 도구에서 다루기 어려웠던 시각적 요소를 지원한다. - 벡터 레이어의 확장성을 유지하면서도 일러스트레이션과 그래픽 작업에서 더 넓은 표현 범위를 제공한다. - 기능 중심의 화면 디자인뿐 아니라 브랜드 그래픽, 포스터, 일러스트 등 개성 있는 시각 결과물을 제작할 수 있게 한다. ## Figma Buzz: 다양한 형식의 브랜드 콘텐츠 제작 - 마케팅과 브랜드 팀이 여러 형식의 시각 콘텐츠를 빠르게 제작하도록 돕는 도구다. - 디자인 시스템과 브랜드 자산을 활용해 광고, 소셜 미디어 이미지, 캠페인 콘텐츠 등을 일관된 방식으로 만들 수 있다. - 콘텐츠 형식과 크기가 달라져도 브랜드의 시각적 품질과 일관성을 유지하는 데 초점을 둔다. - 디자이너뿐 아니라 다양한 직군이 브랜드 가이드에 맞는 결과물을 직접 제작할 수 있도록 작업 범위를 넓힌다. ## 디자인의 역할에 대한 관점 변화 - 디자인은 단순히 픽셀을 배치하는 작업이 아니라 문제를 창의적으로 해결하고, 형태와 기능을 함께 다루는 과정이다. - AI가 코드를 생성하고 소프트웨어 제작 속도를 높일수록, 무엇을 만들지 결정하는 관점과 품질 기준이 더욱 중요해진다. - Figma는 디자인을 제품팀의 단일 진실 공급원으로 유지하면서, 아이디어·프로토타입·코드·배포 사이의 경계를 줄이려 한다. - Config 2025의 제품들은 각기 다른 작업을 위한 도구처럼 보이지만, 궁극적으로는 디자인을 생산 단계까지 확장하려는 하나의 방향을 공유한다. 실무에서는 Figma Make로 아이디어와 인터랙션을 빠르게 검증하고, Grid로 레이아웃을 구조화한 뒤, Sites로 웹에 게시하는 흐름을 활용할 수 있다. 브랜드나 마케팅 조직은 Draw와 Buzz를 통해 표현력과 콘텐츠 제작 효율을 함께 높일 수 있다.

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

디자인은 효율과 완성도만 추구하는 작업이 아니라, 예상 밖의 시도와 놀이를 통해 창의성을 확장하는 과정이기도 하다. Laura Fehre는 Figma 안에 디지털 네일 살롱 ‘Mani Mansion’을 만들며 완벽주의를 내려놓고, 문제를 놀이의 기회로 재해석했다. 결국 체계와 구조는 창의성을 제한하는 것이 아니라, 오히려 자유로운 실험을 가능하게 하는 기반이 되었다. ## 일상에서 발견한 영감 - 어린 시절 즐겼던 게임 **Barbie Nail Designer**와 실제 네일숍 방문 경험에서 프로젝트의 아이디어를 얻었다. - 효율적인 업무 도구가 아니라, 사용자가 시간을 잊고 즐길 수 있는 경험을 만들고자 했다. - 주변 네일숍을 직접 관찰하며 다음과 같은 감각적 요소를 수집했다. - 네일 드릴 소리와 사람들의 대화 - 아몬드 향 네일 클렌저 - 푹신한 좌석, 네온사인, 광택 있는 카운터 - 1990년대풍의 분위기 - 스케치북에 수집한 인상을 기록하고, 이를 디지털 공간의 질감·소리·분위기·인터랙션으로 번역했다. ## 무질서한 창작과 구조의 필요성 - 실제 네일처럼 모든 손톱 모양을 서로 다르게 만들기 위해 Figma 벡터 도구로 각각의 형태를 직접 제작했다. - 그러나 모든 요소가 고유하면 레이어링과 조합이 어려워지고, 동일한 요소의 중복이 끝없이 늘어나는 문제가 생겼다. - 처음에는 디자인 시스템과 반대되는 자유롭고 무질서한 결과물을 만들려 했지만, 프로젝트를 진행할수록 일정한 구조가 필요하다는 사실을 깨달았다. - 즉, 구조는 창의성을 억누르는 장벽이 아니라 요소를 쉽게 조합하고 반복 실험할 수 있게 하는 기반이 되었다. ## 완벽주의에서 놀이로의 전환 - 기대했던 화려한 일러스트와 완성도 높은 네일 살롱을 빠르게 구현하지 못하자, 자신의 디자인 역량이 부족해졌다고 느꼈다. - 동료 디자이너 애드버킷 Miggi Cardona와 함께 네일 형태와 패턴을 실험하며 막힌 상태를 돌파했다. - 두 사람은 결과물의 실용성이나 타인의 평가보다, 작업 과정 자체를 즐기는 데 집중했다. - 실패와 예상 밖의 결과를 결함이 아니라 성장과 실험의 기회로 바라보면서 창작의 즐거움을 되찾았다. - 다른 사람을 감탄시키려는 목표보다, 자신을 기쁘게 하는 결과물을 만드는 것이 중요하다는 점을 깨달았다. ## 무드보드와 체계적인 조합 - 실제 네일 디자인을 만들기 전, Figma 파일 안에 무드보드를 구성했다. - 디스코 볼의 반짝임, 1980년대 베르사체 스타일, 강렬한 ‘baddie’ 분위기, 검정색, 발렌타인데이의 하트 등을 시각적 재료로 모았다. - 네일 스테이션에서는 색상과 형태를 조합하고, 각각의 손톱에 서로 다른 디자인을 적용했다. - 처음 시도했던 완전히 독창적인 손톱 형태 대신, 일정한 시스템 안에서 다양한 요소를 조합하는 방식을 선택했다. - 이 체계적인 접근 덕분에 오히려 더 빠르고 자유롭게 창의적인 디자인을 실험할 수 있었다. - 완성한 디자인은 네일 테크니션에게 그대로 복사해 달라고 전달한 것이 아니라, 새로운 창작을 위한 영감으로 활용하도록 공유했다. 디자인 작업에서는 구조와 자유 중 하나만 선택할 필요가 없다. 반복 가능한 시스템을 먼저 마련하면 실험 비용을 줄이면서 더 과감하게 놀 수 있으므로, 완벽한 결과를 서두르기보다 호기심을 따라 작은 시도를 반복하는 것이 실용적이다.

Figma Persona 20 (새 탭에서 열림)

Figma Persona 2022는 21개의 질문을 통해 자신의 창의적 협업 및 업무 방식을 돌아보게 하는 퀴즈다. 아이디어를 만들고 문제를 해결하는 방식, 작업 공간과 도구를 사용하는 방식, 다른 사람과 협업하는 방식을 분석해 8가지 페르소나 중 하나를 제시한다. 이 글의 결론은 자신의 성향을 이해하고, 그에 맞는 업무 환경과 협업 방식을 의식적으로 설계하자는 것이다. ## Figma Persona 퀴즈의 목적 - 연말에 자신의 업무 방식과 협업 습관을 되돌아보고 다음 해의 목표를 세우도록 돕는다. - 21개의 질문을 통해 개인의 창의적 특성을 분석한다. - 분석 기준은 다음 세 가지 축이다. - 아이디어를 생성하고 문제를 해결하는 방식 - 작업 공간을 구성하고 Figma 도구를 활용하는 방식 - 다른 사람과 소통하고 협업하는 방식 - 결과는 총 8개의 Figma Persona 중 하나로 나타난다. - 퀴즈 자체도 Figma 파일과 FigJam을 활용해 동료들과 함께 진행할 수 있도록 구성됐다. ## 정리된 개인주의자 정리된 개인주의자는 명확한 프로세스와 개인의 책임 범위를 선호하는 유형이다. - 혼자 집중할 수 있는 시간을 가진 뒤 팀과 다시 공유하는 방식을 좋아한다. - 실시간 회의보다 비동기 업데이트, 버그 검토, 명확한 마일스톤을 선호한다. - 정돈된 작업 환경과 분명한 산출물, 체계적인 프로세스에서 높은 생산성을 발휘한다. - 협업할 때는 충분히 생각할 시간을 주고, 사전 자료와 기대 결과를 명확하게 전달하는 것이 효과적이다. - 요청 사항을 모호하게 표현하기보다 구체적이고 정확하게 설명해야 한다. ## Type 1: Lone Ascender Lone Ascender는 체계적이고 분석적인 개인주의자다. - 복잡한 문제를 해결할 때 강점을 보인다. - 전술적이고 실용적이며 시스템 중심의 해결책을 선호한다. - 거의 모든 일에 자신만의 프로세스를 만들 정도로 구조화된 업무 방식을 갖고 있다. - 단축키, 색상 코드 등 도구 사용법을 빠르게 익히고 반복 작업을 효율화한다. - 이상적인 접근보다 현실적이고 확장 가능한 해결책을 중시한다. - 협업 자체를 거부하지는 않지만, 자신의 파일 구조와 작업 규칙이 흐트러지는 것을 불편해할 수 있다. - 적절한 도구로는 Figma의 단축키와 빠른 실행 기능, 다양한 FigJam 템플릿 등이 제시된다. ## 나머지 Figma Persona 유형 글은 Lone Ascender 외에도 다음 7가지 협업 성향을 제시한다. - **Canvas Captain**: 캔버스와 작업 공간을 주도적으로 구성하고 관리하는 유형 - **Direct Mobilizer**: 명확하고 직접적인 소통으로 사람들을 움직이는 유형 - **Artful Detacher**: 작업과 감정을 적절히 분리하고 필요할 때 한발 물러나는 유형 - **Bounding Boxer**: 작업 범위와 구조를 명확히 설정하는 유형 - **Branch Merger**: 여러 아이디어나 작업 흐름을 하나로 통합하는 유형 - **Vector Networker**: 다양한 사람과 연결하며 협업 네트워크를 확장하는 유형 - **Bézier Curve Baller**: Figma의 세부적인 디자인 기능과 조형적 표현을 능숙하게 다루는 유형 이 유형들은 우열을 가리는 분류가 아니라, 각자가 아이디어를 만들고 파일을 다루며 협업하는 방식을 재미있게 이해하기 위한 자기 진단 도구다. ## 자신의 Persona를 협업에 활용하는 방법 - 자신의 강점뿐 아니라 협업 과정에서 생길 수 있는 불편함도 파악한다. - 혼자 생각할 시간이 필요한 사람에게는 회의 전에 비동기 사전 작업을 제공한다. - 업무 요청 시 목표, 산출물, 마감일, 의사결정 기준을 구체적으로 제시한다. - 정리와 구조화를 중시하는 사람에게는 자유로운 브레인스토밍만 요구하기보다 명확한 범위와 기대치를 함께 전달한다. - 팀원마다 작업 방식이 다르다는 점을 인정하면 불필요한 충돌을 줄이고 협업 효율을 높일 수 있다. 자신의 Persona를 고정된 성격 유형으로 받아들이기보다, 현재의 업무 습관을 점검하는 출발점으로 활용하는 것이 좋다. 특히 팀 전체가 함께 퀴즈를 진행하면 서로에게 필요한 소통 방식과 협업 조건을 더 쉽게 이해할 수 있다.

30가지 업데이트: Figma의 최 (새 탭에서 열림)

Figma는 2021년 7월, 디자이너의 작업 흐름을 개선하기 위한 30가지 기능 업데이트와 버그 수정을 공개했다. 벡터·텍스트·이미지 편집부터 키보드 단축키, 브라우저 호환성, 레이어 탐색까지 작은 사용성 개선을 폭넓게 적용해 아이디어와 디자인 사이의 불필요한 클릭과 중단을 줄이는 것이 핵심이다. 전체 변경 사항은 Figma Community 파일과 ‘What’s New’ 페이지에서 확인할 수 있다. ## 벡터와 드로잉 편집 개선 - 스트로크 패널을 재설계해 벡터 객체의 속성을 더 쉽게 조정할 수 있게 했다. - 선의 끝 모양(end cap)을 설정할 수 있어 화살표를 만들거나 FigJam에서 복사한 커넥터의 스트로크를 세밀하게 조정할 수 있다. - 펜 도구와 연필 도구가 이전에 사용한 스트로크 설정을 기억한다. - 연필 도구를 사용하기 전에 스트로크 속성을 지정할 수 있어 실제 펜으로 그리는 것처럼 작업할 수 있다. - 객체에 두 번째 Fill을 추가할 때 기본값이 그라디언트가 아닌 단색으로 적용된다. - 새 눈금자를 만들면 자동으로 선택되어 키보드로 이동하거나 즉시 삭제할 수 있다. ## 이미지와 내보내기 기능 - 브라우저에서도 ‘Copy as PNG’를 사용할 수 있게 됐다. - macOS: `⌘+Shift+C` - Windows: `Ctrl+Shift+C` - 이미지 크기를 조정할 때 `⌘` 또는 `Ctrl`을 누르면 현재 위치에서 즉시 크롭할 수 있다. - 이미지 조정 슬라이더는 별도로 클릭하지 않아도 바로 드래그할 수 있다. - 텍스트 내보내기에 바운딩 박스를 포함하는 옵션이 추가됐다. - Plugin API에는 이에 대응하는 `use_absolute_bounds` 설정이 추가됐다. - 기존 ‘Contents only’ 내보내기 옵션의 이름이 ‘Ignore overlapping layers’로 변경됐다. ## 텍스트와 글꼴 처리 - 누락된 글꼴이 포함된 텍스트를 복사·붙여넣기하면 전역 누락 글꼴 아이콘이 활성화된다. - 누락 글꼴 대화상자를 재설계해 영향을 받는 레이어를 클릭으로 바로 확인할 수 있다. - 서로 다른 스타일이 섞인 텍스트 노드에서 ‘+’ 옵션을 제거해 새 스타일이나 색상으로 쉽게 덮어쓸 수 있게 했다. - 파일 이름 변경 시 선택된 텍스트의 배경 영역 높이를 정상적으로 조정했다. - 텍스트 편집 중 이미지를 붙여넣으면 붙여넣기를 무시하지 않고 텍스트 편집을 종료한 뒤 이미지를 삽입한다. - 텍스트 편집 중에도 상단 정렬 등 위치 조정 버튼을 사용할 수 있다. ## 단축키와 편집 조작 - 혼합된 값이 있는 속성에 수학 연산을 입력해 크기나 위치 등을 조정할 수 있다. - 새 환경 설정이 열어 둔 모든 탭에 자동 동기화되어 새로고침할 필요가 없다. - 선택 단축키를 사용할 때 레이어 패널이 선택된 레이어를 자동으로 찾아 스크롤한다. - `Z`로 확대할 때 다른 공동 작업자에게 선택 영역 사각형이 표시되지 않는다. - 중간 마우스 버튼으로 선택한 링크를 열 수 있다. - 파일 이동 대화상자는 바깥 영역 클릭이나 `Esc` 키로 닫을 수 있다. ## FigJam 및 협업 개선 - FigJam의 스티키를 텍스트로 복사하면 FigJam에서 배치된 순서와 일치하도록 정렬된다. - 링크 위를 이동할 때 링크 팝업이 작업을 방해하지 않도록 동작을 조정했다. - 레이어 패널의 아이콘이 실제 객체 상태를 더 빠르게 반영한다. - 커서의 손 모양을 덜 방해되도록 개선했다. - 상단 메뉴 진입 영역을 넓혀 펼침 화살표를 더 쉽게 클릭할 수 있게 했다. ## 브라우저와 인터페이스 안정성 - Safari 브라우저에서도 `⌥` 키를 누른 채 마우스를 움직여 필드 값을 조정하는 스크러빙이 작동한다. - Safari에서 우클릭 메뉴가 너무 빨리 닫히지 않도록 수정했다. - 프레임 프리셋에 호버 상태를 추가해 클릭 가능한 항목임을 명확히 했다. - 그리드 속성 행의 드래그 핸들 표시 문제를 해결했다. - View Only 모드에서 툴바 드롭다운이 열리지 않던 문제를 수정했다. - 새로 만든 눈금자와 선택된 레이어를 더 쉽게 조작할 수 있도록 관련 탐색 동작을 개선했다. 이번 업데이트는 대규모 신규 기능보다 반복적인 작업에서 발생하는 작은 불편을 줄이는 데 초점을 맞췄다. Figma 사용자는 단축키, 브라우저 기능, 글꼴·레이어 탐색 개선을 적극 활용하고, 전체 변경 사항은 Figma Community의 업데이트 파일에서 확인하는 것이 좋다.

#FigmaTip 라운드 (새 탭에서 열림)

FigmaTip Roundup 7.0은 디자인 커뮤니티가 공유한 Figma 단축키와 작업 팁을 모은 글이다. 주요 내용은 컴포넌트를 활용해 대칭 도형을 만들고, 선택한 레이어로 빠르게 확대하며, 프레임 외곽선을 사용해 복잡한 화면을 명확하게 확인하는 방법이다. 작은 기능과 단축키를 익히면 반복 작업과 캔버스 탐색을 크게 줄일 수 있다. ## 컴포넌트로 대칭 도형 만들기 - 꽃병, 플라스크처럼 좌우 대칭이 필요한 도형은 한쪽 윤곽만 먼저 그린다. - 한쪽 윤곽을 컴포넌트로 만든다. - 단축키: `⌥⌘K` - 컴포넌트를 복제한다. - 단축키: `⌘D` - 복제한 요소를 수평 반전한다. - 단축키: `⇧H` - 반전된 복제본을 원본의 반대편으로 이동해 대칭 형태를 구성한다. - 원본 컴포넌트를 수정하면 연결된 인스턴스에도 변경 사항을 적용할 수 있어, 양쪽 형태를 일관되게 관리할 수 있다. - 단순히 좌우를 복사하는 것보다 컴포넌트 기반으로 작업하면 이후 모양을 수정하거나 변형하기 쉽다. ## 스페이스바로 선택 영역 고정하기 - 스페이스바를 누르면 선택한 객체의 경계(bounds)를 고정할 수 있다. - 객체를 이동하거나 조정할 때 선택 영역이 변해 작업 기준이 흔들리는 상황을 줄이는 데 유용하다. - 정밀한 배치나 크기 조정처럼 선택 영역을 일정하게 유지해야 하는 작업에 활용할 수 있다. ## 선택한 레이어로 정밀하게 확대하기 - 레이어 패널에서 원하는 레이어를 선택한 뒤, “Keyboard Zooms Into Selection” 기능을 사용하면 해당 객체를 화면 중앙에 가깝게 확대할 수 있다. - 캔버스에서 직접 객체를 찾을 필요 없이 레이어 목록에서 선택한 요소를 즉시 확인할 수 있다. - 복잡한 화면이나 작은 요소를 편집할 때 유용하며, 캔버스를 여러 번 확대·축소하는 시간을 줄여준다. ## 프레임 외곽선으로 구조 확인하기 - “Frame Outlines” 기능을 사용하면 프레임의 외곽선을 표시할 수 있다. - 내부 콘텐츠가 많거나 프레임 배경과 요소가 비슷한 경우에도 프레임의 경계를 쉽게 식별할 수 있다. - 중첩된 프레임과 레이아웃 구조를 파악하고, 요소가 어느 프레임에 속하는지 확인하는 데 도움이 된다. Figma에서 반복적으로 사용하는 작업은 단축키와 컴포넌트로 표준화하는 것이 좋다. 특히 대칭 도형은 한쪽만 제작한 뒤 컴포넌트와 수평 반전을 조합하고, 복잡한 파일에서는 레이어 선택 후 선택 영역 확대와 프레임 외곽선 표시를 함께 사용하면 작업 속도와 정확도를 높일 수 있다.

피그마의 새로운 아이 (새 탭에서 열림)

Figma의 새 아이콘은 단순한 로고 변경이 아니라, 회사의 디자인 철학과 제품 정체성을 시각화한 결과다. 아이콘은 디자인의 기본 요소를 기념하고, 놀이와 실험을 장려하며, 재사용 가능한 모듈과 시스템으로서의 디자인을 표현한다. Figma는 이를 통해 복잡한 결과물도 단순한 요소와 규칙의 조합에서 출발한다는 메시지를 전달한다. ## 디자인의 기본 요소를 기념 - 모든 디자인은 점, 선, 도형 같은 기본 요소에서 시작한다. - 복잡한 디자인도 필수적인 구성 요소들의 조합으로 단순화할 수 있다. - Figma는 많은 도구를 제공하기보다, 벡터 네트워크나 프레임처럼 적은 수의 강력한 기능이 서로 잘 결합되는 방식을 중시한다. - 기본 도형과 원색을 활용하는 디자인 철학은 바우하우스 등에서 강조되어 왔으며, 오랜 디자인 전통과 연결된다. - 새 아이콘은 모든 디자인 프로젝트의 출발점인 단순한 형태와 구성 요소를 상징한다. ## 놀이와 실험을 장려 - 기존 문제에 대한 새로운 해결책은 개방적인 태도와 실험, 때로는 구조화된 놀이를 통해 발견할 수 있다. - 아이들이 가지고 노는 블록에서 영감을 받아, 아이콘에 밝은 색상과 단순한 형태를 적용했다. - 놀이를 통해 정답에 얽매이지 않고 더 흥미로운 결과를 탐색할 수 있다는 믿음이 반영됐다. - 브루노 무나리, 앤 랜드와 폴 랜드처럼 주요 디자이너들이 어린이 책 작업을 통해 창의성과 놀이의 가치를 다룬 사례도 언급된다. - 아이콘은 Figma가 사용자에게 개방적이고 즐거운 디자인 경험을 제공하고자 한다는 점을 표현한다. ## 시스템으로서의 디자인 - 디지털 제품은 다양한 화면 크기, 운영체제, 모니터, 네트워크 환경에 대응해야 하므로 일회성 결과물보다 모듈형 시스템이 적합하다. - Figma는 디자인을 개별 아티팩트가 아니라 레시피나 청사진처럼 재사용 가능한 규칙과 구성 요소의 체계로 본다. - 픽셀 기반 디자인은 특정 환경을 벗어나면 쉽게 깨질 수 있지만, 벡터와 규칙 기반 디자인은 다양한 환경에 맞게 확장할 수 있다. - 새 아이콘은 세 가지 단순한 도형과 모듈형 그리드로 구성되어, 시스템 기반 디자인이라는 개념을 직접 보여준다. - 팀 라이브러리 같은 Figma의 기능 역시 여러 사람이 일관된 디자인 시스템을 구축하도록 돕는다는 철학에서 출발한다. Figma의 새 아이콘은 단순한 시각적 표식이 아니라, 기본 요소를 조합하고 자유롭게 실험하며 재사용 가능한 시스템을 만드는 디자인 관점을 압축한 상징이다. 디자인 작업에서는 복잡한 결과물을 처음부터 만들기보다, 단순한 구성 요소와 명확한 규칙을 조합하는 방식이 확장성과 창의성을 함께 높일 수 있다.