Figma

736 개의 포스트

www.figma.com/blog/engineering

태그로 필터

figma4분 읽기큐레이션 요약

장인 정신을 정의하는

이 글은 디자인 커뮤니티 구성원들이 고른 24개의 사물을 통해 ‘공예적 완성도(craft)’의 의미를 탐구한다. 훌륭한 결과물은 우연히 만들어지는 것이 아니라, 무엇을 다듬고 무엇을 남겨둘지 의도적으로 결정하는 과정에서 나온다는 것이 핵심 주장이다. 장인정신은 복잡함이나 완벽함 자체가 아니라, 제약 속에서도 목적에 맞는 선택을 끝까지 밀어붙이는 태도에 가깝다. ## 공예는 의도적인 선택의 결과 - 소개된 사례들은 정교한 물건뿐 아니라 정원 설계, 포스터, 게임기, 악기처럼 서로 매우 다르다. - 공통점은 결과물 자체보다 제작자가 내린 선택에 있다. - 무엇을 더 다듬을지 - 무엇을 날것으로 남길지 - 언제 더 발전시키고 언제 멈출지 - 여러 세대를 이어갈 물건이든 잠깐의 즐거움을 위한 작품이든, 좋은 craft는 우연이 아니라 의식적인 제작 과정에서 탄생한다. - 이 사례들은 Figma의 디자인·스토리 팀이 만든 디자인과 공예에 관한 책 **《Practice》**에서 발췌되었으며, 2025년 Config에서 인쇄판이 공개됐다. ## 정원 설계: 경험을 만드는 작업 - 조경가 **피트 아우돌프(Piet Oudolf)**의 정원 설계는 식물 배치도 이상의 의미를 지닌다. - 그는 자유롭게 그린 도식과 색상 노드, 식물 약어를 활용해 빠르고 유연하게 아이디어를 발전시킨다. - 하지만 이러한 자유로움은 식물 각각의 특성과 전체 정원 안에서의 관계를 깊이 이해하고 있기 때문에 가능하다. - 완성된 정원을 사실적으로 렌더링하지 않는 이유는 이미지가 실제 정원을 경험하는 순간을 완전히 전달할 수 없기 때문이다. - 공예는 결과물을 보여주는 데 그치지 않고, 사용자가 실제로 겪게 될 경험을 설계하는 일이라는 점을 보여준다. ## 카탈로그 디자인: 규칙과 변주의 균형 - 라디슬라프 수트나르(Ladislav Sutnar)의 **《Catalog Design Progress》**는 산업용 카탈로그를 시각적으로 혁신한 사례다. - 기본적으로는 엄격한 타이포그래피와 레이아웃 규칙을 따르지만, 개별 제품에 맞게 변형할 여지를 남겼다. - 일관된 시스템과 창의적인 변주가 함께 작동하면서, 실용적인 카탈로그가 예술적이고 조직적인 템플릿으로 발전했다. - craft는 무조건 자유롭게 만드는 것이 아니라, 명확한 규칙 안에서 목적에 맞는 차이를 만들어내는 능력이기도 하다. ## 러시아 구성주의 포스터: 한 번의 선택을 위한 정밀함 - 러시아 구성주의 포스터는 강한 그래픽 줄무늬, 제한된 색상, 기하학적 형태와 사실적인 인물 표현을 충돌시킨다. - 단순해 보이는 구성일수록 작은 실수도 숨길 곳이 없기 때문에 높은 정밀도가 요구된다. - 석판화 방식으로 제작되어 결과를 확인한 뒤 무한히 수정하기 어려웠고, 처음부터 각 요소를 신중하게 결정해야 했다. - 따라서 이 작품에서 craft는 다음과 같은 태도로 나타난다. - 구도와 형태를 철저히 연마하기 - 제한된 요소를 정확히 통제하기 - 한 번의 시도에서도 의도한 결과를 만들어낼 수 있을 만큼 기술을 쌓기 ## Playdate: 제약을 창의성으로 바꾸기 - Panic과 Teenage Engineering이 만든 휴대용 게임기 **Playdate**는 1비트 화면과 작은 프로세서라는 기술적 제약을 갖는다. - 고사양 그래픽을 사용할 수 없다는 한계가 오히려 개발자들이 새로운 게임 구조와 표현 방식을 고민하게 만든다. - 작은 흑백 화면, 선명한 노란색 본체, 시즌 단위 게임 제공, 독특한 크랭크 조작부가 제품의 정체성을 형성한다. - 이 사례는 craft가 기능을 계속 추가하는 것이 아니라, 제한된 요소를 선택하고 그것을 탁월하게 구현하는 것임을 보여준다. ## Marble Machine: 제작 과정 자체를 작품으로 만들기 - Wintergatan의 **Marble Machine**은 구슬과 기계 장치를 이용해 음악을 연주하는 인간 동력 악기다. - 룸버그 장치와 오르골을 결합한 듯한 복잡한 구조가 음악을 만들어내며, 결과뿐 아니라 작동 과정 자체가 감상의 대상이 된다. - 연주자와 관객이 음악 생산 과정에 적극적으로 참여하게 만든다는 점에서, 수동적인 음악 소비와 대비된다. - 아름다운 결과물뿐 아니라 그것을 만들어내는 움직임과 메커니즘까지 설계하는 것이 craft의 일부로 제시된다. ## 실용적인 시사점 - 좋은 작업을 만들려면 기능이나 장식을 무작정 늘리기보다 핵심 경험을 먼저 정의해야 한다. - 제약은 제거해야 할 장애물이 아니라, 독창적인 해결책을 끌어내는 설계 조건이 될 수 있다. - 명확한 규칙을 세운 뒤 필요한 부분에만 변주를 허용하면 일관성과 개성을 함께 확보할 수 있다. - 완성도는 마지막에 덧붙이는 polish보다, 초기 단계에서 내리는 의도적인 선택과 반복적인 연습에서 비롯된다.

원문 읽기(새 탭에서 열림)
figma원문

피그마, 브라질 포 (새 탭에서 열림)

피그마(Figma)가 디자인의 접근성을 높이고 글로벌 사용자 커뮤니티와의 접점을 확대하기 위해 브라질 포르투갈어 현지화 버전을 공식 출시했습니다. 이는 일본어, 스페인어, 한국어에 이은 네 번째 현지화 사례로, 단순히 언어 번역을 넘어 문화적으로 적응된 UI와 전담 지원 서비스를 포함하여 브라질 내 550만 개의 프로젝트 파일을 생성하는 거대 시장을 공략하려는 전략입니다. 이번 업데이트는 미국 외 지역 사용자 비중이 85%에 달하는 피그마의 글로벌 성장세를 반영하며, 올해 말 라틴아메리카 스페인어 버전 출시로 이어질 예정입니다. **브라질 시장 내 피그마의 영향력과 현지화 배경** * **폭발적인 사용량:** 브라질에서는 작년 한 해 동안 약 550만 개의 피그마 파일이 생성되었으며, 매일 평균 85,000개 이상의 파일이 수정될 만큼 활발한 커뮤니티를 보유하고 있습니다. * **주요 기업의 채택:** iFood, Nubank, Itaú Unibanco 등 브라질 주요 기업과 스타트업은 물론, 브라질 주식시장(Ibovespa) 상장 기업의 1/3 이상이 협업 도구로 피그마를 사용 중입니다. * **디자인 민주화:** 현지 팀들은 이번 포르투갈어 지원이 업무 중 발생하는 마찰을 줄이고, 디자이너뿐만 아니라 다양한 직군이 디자인 프로세스에 참여하는 데 크게 기여할 것으로 기대하고 있습니다. **글로벌 사용자 지표와 제품 확장의 방향성** * **글로벌 매출 및 사용자 비중:** 2024년 기준 피그마 매출의 50% 이상이 미국 외 지역에서 발생하고 있으며, 월간 활성 사용자(MAU)의 대다수가 글로벌 시장에 포진해 있습니다. * **역할의 다양화:** 전체 사용자의 약 2/3가 전통적인 디자이너 역할 이외의 직군이며, 특히 개발자 비중이 30%에 달해 개발 모드(Dev Mode)와 같은 기능의 중요성이 커지고 있습니다. * **통합 개발 워크플로우:** 아이디어 구상(FigJam)부터 디자인(Figma Design), 개발 전달(Dev Mode), 프레젠테이션(Figma Slides)까지 제품 개발의 전 과정을 아우르는 도구로 진화하고 있습니다. **Config 컨퍼런스에서 발표된 주요 기술 업데이트** * **Figma Make:** AI 프롬프트를 통해 작성된 설명이나 기존 디자인을 실제 작동하는 프로토타입이나 앱 코드로 변환해주는 도구입니다. * **Figma Sites:** 디자이너가 AI와 코드를 활용해 동적인 웹사이트를 직접 구축하고 게시할 수 있는 기능을 제공합니다. * **Figma Draw & Buzz:** 강화된 벡터 편집 도구인 'Draw'와 마케팅 자산을 대규모로 생성하면서도 브랜드 일관성을 유지해주는 AI 기반의 'Buzz'가 추가되었습니다. * **Grid 및 반응형 레이아웃:** 디자인에 맞춰 유연하게 반응하는 레이아웃을 생성하고, 개발 모드에서 즉시 사용할 수 있는 CSS 코드를 생성하여 협업 효율을 높였습니다. 피그마의 이번 현지화와 신기능 업데이트는 디자인 도구가 단순한 제작 툴을 넘어, 전 세계 다양한 직군이 언어와 기술적 장벽 없이 협업할 수 있는 통합 플랫폼으로 거듭나고 있음을 보여줍니다. 특히 브라질과 같은 신흥 시장에서의 적극적인 행보는 글로벌 디자인 표준으로서의 입지를 더욱 공고히 할 것으로 보입니다.

figma3분 읽기큐레이션 요약

피그마 버즈는 디자인과

Figma Buzz는 디자인팀과 마케팅팀이 브랜드 자산을 함께 제작할 수 있도록 만든 협업 공간으로, 2025년 5월 오픈 베타로 출시됐다. 디자이너는 Figma의 정밀한 편집 기능으로 템플릿을 만들고, 마케터는 브랜드 가이드라인을 벗어나지 않으면서 손쉽게 콘텐츠를 수정·확장할 수 있다. 이를 통해 반복적인 제작 업무를 줄이고, 팀이 브랜드 전략과 창의적인 작업에 더 집중하도록 하는 것이 핵심이다. ## 디자인팀과 마케팅팀의 공동 제작 - 제품 출시 이후에는 소셜 콘텐츠, 광고, 이벤트 자료 등 다양한 마케팅 자산을 지속적으로 제작해야 한다. - 기존에는 디자인 도구와 마케팅 도구가 분리되어 있어 업무가 단절되고, 브랜드 가이드라인 관리도 어려웠다. - Figma Buzz는 디자이너에게 Figma 수준의 기능과 정밀도를 제공하면서, 마케터에게는 직관적이고 접근하기 쉬운 제작 환경을 제공한다. - 디자이너는 기존 Figma 디자인을 복사해 템플릿으로 만들거나, Figma Design의 기능을 활용해 Buzz에서 직접 자산을 제작할 수 있다. - 마케터는 완성된 템플릿을 기반으로 콘텐츠를 빠르게 변형하면서도 브랜드 일관성을 유지할 수 있다. ## 다양한 브랜드 자산 제작 Figma Buzz는 특정 캠페인에 한정되지 않고 여러 형식의 콘텐츠 제작을 지원한다. - **소셜 미디어 게시물:** 플랫폼별 규격과 다양한 크기의 게시물 제작 - **디지털 광고:** 디스플레이 광고와 소셜 광고용 템플릿 및 빈 프레임 활용 - **프로모션 자료:** 전단지, 이메일 헤더, 제품·이벤트 공지 이미지 제작 - **이벤트 자료:** 초대장, 일정표, 행사 배지 등 제작 - **팀 커뮤니케이션:** 사내 안내판, 인포그래픽, 원페이지 문서 제작 - **기념·축하 콘텐츠:** 생일 카드, 감사 카드, 청첩장 등 맞춤형 디자인 제작 ## 템플릿부터 새 문서까지 다양한 시작점 - 사용자는 기존 템플릿을 선택하거나 빈 화면에서 직접 작업할 수 있다. - 디자이너가 미리 만든 템플릿을 활용하면 마케팅팀이 반복적인 요청 없이 필요한 자산을 직접 제작할 수 있다. - OpenAI의 `gpt-image-1`과 Google Gemini를 사용해 이미지를 생성하는 방식도 제공한다. - 편집 화면에는 탐색하기 쉬운 인라인 툴바가 있어 디자인 도구에 익숙하지 않은 사용자도 작업할 수 있도록 구성했다. - 템플릿, 직접 제작, AI 이미지 생성 등 팀의 숙련도와 작업 목적에 맞춰 진입 방식을 선택할 수 있다. ## 반복 제작 업무의 감소 - 마케팅팀은 매번 디자인팀에 소셜 게시물이나 광고 변형 제작을 의뢰하지 않고 직접 수정할 수 있다. - 디자인팀은 반복적인 실행 업무에서 벗어나 브랜드 방향성과 새로운 아이디어에 집중할 수 있다. - 제작 속도가 빨라지고, 여러 채널과 규격에 맞는 콘텐츠를 일관된 품질로 확장하기 쉬워진다. - Figma Buzz의 목표는 단순한 디자인 편집 도구가 아니라, 브랜드 디자이너와 마케터가 같은 작업 공간에서 협업하는 환경을 제공하는 데 있다. Figma Buzz는 브랜드 통제가 필요한 조직에서 디자인팀의 전문성과 마케팅팀의 실행 속도를 결합하려는 도구다. 반복적인 캠페인 자산을 많이 제작하는 팀이라면, 핵심 브랜드 요소를 템플릿화한 뒤 마케터가 직접 변형하도록 운영하는 방식이 효과적이다.

원문 읽기(새 탭에서 열림)
figma3분 읽기큐레이션 요약

Figma Draw로 자신을

Figma Draw는 Figma Design 안에서 벡터 편집과 일러스트레이션 작업을 더 빠르고 직관적으로 수행하도록 만든 기능이다. 브러시, 동적 스트로크, 점진적 블러, 텍스처·노이즈, 경로 위 텍스트 등 표현 도구를 한곳에 제공해 다른 툴이나 플러그인으로 이동하지 않고도 작업 흐름을 유지하게 한다. 정밀한 벡터 편집 기능과 창의적인 표현 도구를 결합해 아이콘, 로고, 웹 일러스트, 소셜 미디어 그래픽 제작과 반복 작업을 효율화하는 것이 핵심이다. ## 작업 흐름을 유지하는 전용 작업 공간 - Figma Draw는 시각적 표현에 초점을 맞춘 UI를 제공해, 정밀한 제품 디자인과 자유로운 일러스트 작업 사이를 쉽게 오갈 수 있다. - **Layers 패널** - 프레임, 그룹, 도형, 벡터, 이미지의 썸네일 미리보기를 제공한다. - 여러 벡터 요소를 탐색하고 수정하기 쉽게 구성했다. - **툴바** - 펜, 브러시, 연필 도구를 전면에 배치했다. - 특수 벡터 기능에 쉽게 접근할 수 있다. - 캔버스에 그리기 전 스트로크 스타일을 미리 설정할 수 있는 별도 툴바를 제공한다. - **Properties 패널** - 슬라이더와 큰 시각적 미리보기로 값을 조정할 수 있다. - 스트로크 관련 설정을 확장했다. - 채우기, 스트로크 스타일, 효과를 사전에 선택해 작업 후 반복 조정을 줄인다. ## 정밀하고 효율적인 벡터 편집 - 벡터 작업에서 자주 필요한 선택, 정렬, 간격 조정, 패스 닫기, 핸들 수정 등을 더 직관적으로 개선했다. - 불리언 연산과 외곽선 변환 엔진을 업그레이드해 도형 결합·차감 작업을 더 자연스럽게 처리한다. - 여러 노드를 동시에 편집할 수 있다. - 여러 벡터 노드를 선택한 뒤 Enter를 누르면 한 번에 편집할 수 있다. - Shift+클릭으로 노드를 선택 영역에 추가할 수 있다. - Command+클릭으로 다른 레이어의 노드 편집으로 바로 이동할 수 있다. - **Shape Builder** 도구로 도형을 결합하고 조작해 아이콘과 로고를 만들 수 있다. - **Lasso 선택**을 사용하면 불규칙하게 배치된 벡터 객체나 복잡한 캔버스 일부를 자유롭게 선택할 수 있다. ## 일러스트레이션과 창의적 표현 도구 - Figma Draw는 기존의 정밀한 벡터 편집을 넘어 다양한 시각적 표현을 지원한다. - 주요 도구로 다음을 제시한다. - 브러시 - 동적 스트로크 - 텍스처 및 노이즈 효과 - 점진적 블러 - 경로 위 텍스트 - 브러시를 활용해 손으로 그린 듯한 표현을 추가할 수 있다. - 텍스처를 적용해 결과물에 촉각적이고 물성 있는 느낌을 더할 수 있다. - 점진적 블러를 이용해 디자인에 깊이감을 줄 수 있다. - 이러한 기능을 별도의 애플리케이션이나 플러그인으로 옮기지 않고 Figma 캔버스 안에서 실험하고 반복할 수 있다. ## 다양한 디자인 역할을 위한 통합 도구 - 제품 디자이너가 고해상도 목업에 필요한 로고나 아이콘을 빠르게 제작할 수 있다. - 브랜드 디자이너는 별도 툴을 열지 않고 일러스트와 그래픽 요소를 만들 수 있다. - 웹용 스팟 일러스트, 소셜 미디어 그래픽 등 표현 중심의 작업에도 활용할 수 있다. - Figma Draw의 방향성은 픽셀 단위의 정밀함과 자유로운 시각 표현이 더 이상 분리된 작업이 아니라는 점에 있다. 실무에서는 아이콘·로고처럼 정밀한 벡터 작업과 텍스처·브러시 기반의 표현 작업을 함께 수행해야 할 때 Figma Draw를 활용하면 좋다. 특히 여러 도구 사이를 오가며 생기는 작업 중단을 줄이고, 캔버스 안에서 빠르게 시도하고 수정하는 워크플로를 구축하는 데 적합하다.

원문 읽기(새 탭에서 열림)
figma3분 읽기큐레이션 요약

Headspace가 신뢰와 투

Headspace는 치료를 대체하지 않으면서도 세션 사이의 성찰과 정서적 지원을 돕는 AI 동반자 Ebb를 만들었다. 정신 건강 분야의 AI는 안전성과 신뢰가 특히 중요하므로, Headspace는 초기 기획부터 임상 전문성·투명성·사용자 자율성을 핵심 원칙으로 삼았다. 그 결과 Ebb는 인간처럼 위장하지 않고 AI임을 분명히 밝히며, 사용자가 대화를 통제하고 필요할 때 종료하거나 삭제할 수 있도록 설계됐다. ## 치료의 대안이 아닌 보완 도구 - Headspace는 1억 500만 회 이상 다운로드된 정신 건강 앱으로, 명상·수면·치료·코칭 등을 제공한다. - 많은 사람들이 범용 AI를 정서적 지원에 활용하는 상황에서, 정신 건강에 특화된 안전하고 임상적으로 타당한 도구가 필요하다고 판단했다. - Ebb의 역할은 치료나 인간 돌봄을 대체하는 것이 아니라 다음과 같은 상황을 보완하는 것이다. - 치료 세션 사이에 자기 성찰을 돕는 경우 - 치료를 두려워하거나 비용 부담 때문에 이용하기 어려운 사람을 지원하는 경우 - Ebb는 임상 심리학자들이 참여해 훈련했으며, 과학적·임상적 기반을 제품 설계에 반영했다. ## 모호한 아이디어를 공동의 목표로 구체화 - AI와 정신 건강의 결합에 대해 조직 내부에서도 불안과 우려가 있었기 때문에, 제품 디자인 리드인 Priyanka Marawar는 초기부터 FigJam 워크숍을 진행했다. - 워크숍의 목적은 단순히 기능을 정하는 것이 아니라 다음을 명확히 하는 것이었다. - 어떤 경험을 만들 것인가 - 왜 이 경험이 필요한가 - 사용자와 비즈니스 목표가 어떻게 연결되는가 - 팀은 FigJam에서 AI 동반자의 모습과 말투를 자유롭게 실험하는 “플레이그라운드”를 운영했다. - 일러스트레이터, 디자이너, 카피라이터, 애니메이터가 각자 아이디어를 탐색한 뒤 다시 협업하는 방식으로 작업했다. ## 성별 고정관념을 피한 브랜드와 이름 - 팀은 Alexa, Cortana처럼 여성 이름을 사용하는 AI 비서의 관행을 따르지 않으려 했다. - AI가 특정 성별이나 인간 역할을 연상시키지 않도록, “친근하지만 완전히 인간은 아닌 존재”를 지향했다. - 여러 후보명 가운데 감정의 유동성과 변화를 연상시키는 “Ebb”가 선택됐다. - 내부 구성원과 사용자 테스트에서 반응이 강했고, 팀은 이후 Ebb라는 이름을 일관되게 사용했다. ## 프로토타입 중심의 협업과 검증 - Headspace는 “만들면서 배운다(build-to-learn)”는 철학에 따라 브랜드팀과 제품팀을 빠르게 결합했다. - 약 6개의 브랜드 아이덴티티를 만들고, 실제 앱 화면에 적용해 어떤 방향이 적합한지 검증했다. - 제품 화면을 초기 산출물로 삼아 다양한 색상·비주얼·대화 인터페이스를 빠르게 비교했다. - Figma를 중심으로 브랜드와 제품팀이 화면을 공유하며, 서로의 작업을 한 공간에서 연결했다. - 아이디어를 미리 배제하기보다 프로토타입으로 “스트레스 테스트”한 뒤 판단하는 접근을 취했다. ## 신뢰와 안전을 중심으로 한 대화 설계 - 팀은 대화형 AI의 원칙으로 다음을 설정했다. - AI의 존재를 항상 명확히 드러낼 것 - 인간이 제공하는 치료·돌봄과 구분할 것 - 성찰적이고 차분한 공간을 만들 것 - 개인정보 보호와 안전을 지속적으로 강조할 것 - 사용자의 선택권과 자율성을 존중할 것 - 사용자가 Ebb를 인간 상담자로 오해하지 않도록, AI와 대화하고 있다는 사실을 숨기지 않았다. - 사용자가 자신의 감정을 안전하게 표현할 수 있도록 대화 인터페이스를 설계했다. - 사용자는 언제든 대화를 종료할 수 있고, 대화 기록을 삭제할 수도 있다. - 이러한 투명성은 AI에 대한 불신을 줄이고, 사용자가 서비스 이용 방식을 스스로 통제하도록 하는 장치로 작용한다. Ebb의 사례는 정신 건강 AI에서 매력적인 브랜드나 자연스러운 대화만큼이나 역할의 한계, AI 여부, 개인정보와 사용자 통제권을 명확히 설계해야 한다는 점을 보여준다. 특히 초기 워크숍, 임상 전문가 참여, 반복적인 프로토타이핑을 통해 안전 원칙을 실제 제품 경험에 반영한 점이 실용적인 참고가 된다.

원문 읽기(새 탭에서 열림)
figma3분 읽기큐레이션 요약

폴라로이드가 다음 혁

폴라로이드는 디지털 사진 시대에 대응하기 위해 즉석카메라·포토프린터·모바일 앱으로 사업을 확장하고, 디자인·개발 프로세스도 현대화하고 있다. Figma를 중심으로 디자인 시스템을 구축해 브랜드 일관성과 협업 효율을 높였으며, 고도화된 프로토타입과 사용자 테스트로 제품의 완성도를 개선했다. 그 결과 폴라로이드는 전통적인 아날로그 감성을 유지하면서도 새로운 세대의 디지털 경험을 제공하고 있다. ## 아날로그 유산을 디지털 시대로 확장 - 폴라로이드는 1937년 에드윈 랜드가 설립한 뒤 1948년 즉석카메라를 선보이며 사진 문화를 바꿨다. - 앤디 워홀, 안셀 아담스, 데이비드 호크니 등 예술가들이 폴라로이드 카메라와 필름을 활용하면서 브랜드는 문화적 아이콘으로 자리 잡았다. - 디지털 사진의 확산으로 2008년 네덜란드의 마지막 필름 공장 폐쇄를 발표하는 등 존립 위기를 겪었다. - 이후 열성적인 즉석사진 애호가들이 설립한 임파서블 프로젝트가 공장을 인수하고 필름 화학식을 재개발해 필름 생산을 이어갔다. - 현재는 즉석카메라뿐 아니라 사진 프린터와 모바일 앱을 통해 디지털 시대에 맞는 제품군을 구축하고 있다. ## Figma를 통한 단일 디자인 기준 구축 - Figma 도입 전에는 디자이너들이 각자 별도의 파일과 도구를 사용해 중복 작업과 비효율이 발생했다. - 중앙화된 디자인 시스템과 재사용 가능한 컴포넌트가 없어 수정과 반복 작업이 느렸다. - 이런 제약 때문에 폴라로이드는 iOS 앱만 설계하고 Android 지원은 충분히 확장하지 못했다. - Figma의 클라우드 기반 환경을 통해 디자이너, 개발자, 다른 부서 구성원이 작업 과정 전반에 참여할 수 있게 됐다. - 원격 근무 환경에서도 디자인 파일과 논의를 공유할 수 있어 부서 간 투명성과 협업이 향상됐다. ## 디자인 토큰과 변수로 플랫폼·테마 확장 - 디자인 토큰과 변수를 활용해 색상, 글꼴, 컴포넌트 등의 규칙을 체계적으로 관리했다. - 라이트 모드와 다크 모드를 지원하고, iOS와 Android에 맞춰 기본 글꼴을 다르게 적용했다. - 카메라 연결 화면에서는 사용자가 보유한 기기만 표시하도록 사용자 경험을 단순화했다. - 앱 테마가 연결된 카메라의 색상 구성과 자동으로 맞춰지도록 개선했다. - Figma UI 키트를 초기 설계의 출발점으로 활용하고, Autoflow 플러그인으로 사용자 여정을 시각화해 설계 전에 흐름을 점검했다. ## 더 빠르고 현실적인 프로토타이핑 - Figma 프로토타입을 통해 디자인 초기 단계에서 사용자의 불편과 문제점을 발견할 수 있게 됐다. - 기존 방식보다 사용자가 설정을 변경하거나 화면을 자유롭게 이동하는 등 실제 제품에 가까운 상호작용을 테스트할 수 있었다. - 사용자 테스트를 통해 추측이 아니라 실제 행동을 바탕으로 제품을 검증했다. - 더 많은 프로토타입을 짧은 시간에 높은 품질로 제작할 수 있게 됐다. - 개발 후반에 발생할 수 있는 대규모 수정과 비용을 줄이고, 제품 완성도와 개발 효율을 함께 높였다. ## 실용적인 시사점 폴라로이드의 사례는 브랜드의 역사적 정체성을 유지하면서도 디자인 시스템, 변수, 재사용 컴포넌트, 프로토타이핑을 통해 디지털 제품을 확장한 사례다. 여러 플랫폼과 팀이 함께 제품을 만드는 조직이라면 Figma 같은 중앙화된 작업 환경과 조기 사용자 테스트를 도입하는 것이 일관성, 속도, 비용 절감에 효과적이다.

원문 읽기(새 탭에서 열림)
figma3분 읽기큐레이션 요약

Figma가 Figma

Figma는 초보자가 도구를 익히는 과정을 돕기 위해 문서, 영상, 실습 파일, 커뮤니티를 결합한 교육 생태계를 운영한다. 학습자의 피드백을 반영해 실습과 실제 사례를 강화한 새 입문 과정을 공개했으며, 포트폴리오 웹사이트 제작까지 이어지도록 구성했다. Figma는 작은 프로젝트를 꾸준히 시도하고 다른 사람의 작업을 참고하며 실수를 통해 배우는 것이 실력을 키우는 가장 effective한 방법이라고 강조한다. ## 다양한 학습 방식을 지원하는 교육 생태계 - **Help Center** - 기능 설명, 사용 방법, 문제 해결 가이드를 제공하는 기본 학습 공간이다. - **YouTube 튜토리얼** - 기능을 실제 사례와 함께 영상으로 설명해 개념을 시각적으로 이해할 수 있다. - **플레이그라운드 파일** - 완성된 실습 파일을 직접 조작하고 변형하며 안전하게 기능을 실험할 수 있다. - **Figma Design for beginners** - 초보자가 직접 포트폴리오 웹사이트를 제작하며 Figma의 주요 기능을 익히는 실습 중심 과정이다. - 학생과 교사는 자격을 확인하면 Professional 플랜의 제품과 기능을 무료로 이용할 수 있다. ## 학습자 피드백을 반영한 입문 과정 개편 - 2020년 첫 초보자 과정 이후 약 300만 명이 영상을 시청했다. - Figma는 학습자 의견을 통해 다음과 같은 요구를 확인했다. - 직접 손으로 따라 해볼 수 있는 실습 확대 - 복잡한 기능에 대한 더 명확한 설명 - 학습 내용을 실제 작업과 연결하는 사례 제공 - 누구나 참여할 수 있도록 무료 기능 중심으로 구성 - 개편된 과정에는 다음 요소가 포함된다. - 어려운 기능을 자세히 설명하는 feature deep dive - 창의성을 발휘할 수 있는 단계별 탐색 활동 - Figma 전문가의 팁과 활용법 - 실제로 사용할 수 있는 포트폴리오 웹사이트 템플릿 ## 지식을 실제 기술로 전환하기 - 강의를 끝내는 것보다 직접 파일을 만들고 수정하는 과정이 중요하다. - 막연히 큰 웹사이트를 만들기보다 작은 UI 요소부터 시작하는 것이 좋다. - 인터랙티브 버튼 제작 - 로딩 애니메이션 구현 - 간단한 화면이나 컴포넌트 재현 - 작은 과제는 핵심 기능을 반복 연습하면서도 초보자가 느끼는 부담을 줄여준다. ## 꾸준한 연습과 커뮤니티 활용 - 매주 학습 목표를 정하고 관심 있는 튜토리얼을 선택해 규칙적으로 연습한다. - 반복 학습은 기능 숙련도와 작업 속도, 단축키 활용 능력을 높인다. - Figma Community에서 다른 디자이너의 작업을 살펴보고 파일을 복제해 직접 재현해볼 수 있다. - 다른 사람의 디자인을 분석하면 효과적인 구성 방식을 이해하고 자신만의 취향과 스타일을 발전시키는 데 도움이 된다. - Figma Forum에서는 질문을 올리고 조언을 얻거나 다른 사용자와 함께 작업할 수 있다. ## 실수와 반복을 학습의 일부로 받아들이기 - 빈 캔버스를 완벽하게 채우려 하기보다 다양한 시도를 하며 결과를 비교해야 한다. - 잘못된 작업을 되돌아보는 과정에서 기능의 작동 방식과 문제 해결 방법을 배울 수 있다. - `Cmd/Ctrl + Z`로 언제든 작업을 되돌릴 수 있으므로 실험을 두려워할 필요가 없다. - 새로운 도구를 익히는 데는 시간이 걸리므로 작은 성취를 인정하고 필요할 때 휴식하는 태도도 중요하다. 처음 시작한다면 입문 과정을 따라가며 작은 UI 요소를 직접 구현하고, 매주 정해진 시간에 반복 연습하는 방법이 가장 현실적이다. 이후 Figma Community의 파일을 분석하고 변형해보면 학습 내용을 실제 디자인 역량으로 발전시킬 수 있다.

원문 읽기(새 탭에서 열림)
figma원문

Figma의 202 (새 탭에서 열림)

Figma의 2025년 AI 보고서는 인공지능이 단순한 기술적 기대를 넘어 실제 제품 개발 단계로 깊숙이 침투했음을 보여줍니다. 현재 제품 제작자의 3명 중 1명이 AI 기반 기능을 출시하고 있으며, 특히 스스로 판단하고 다단계 과업을 수행하는 '에이전트형 AI'가 핵심 트렌드로 부상했습니다. 보고서는 AI가 업무 효율을 크게 높였음에도 불구하고 결과물의 신뢰성 확보와 직군별 활용 격차 해소가 향후 성공의 관건이 될 것이라고 결론짓습니다. ### 에이전트형 AI(Agentic AI)의 급부상 * 단순한 텍스트나 이미지 생성을 넘어 스스로 추론하고 다단계 프로세스를 완수하는 에이전트형 AI가 가장 빠르게 성장하는 카테고리로 조사되었습니다. * AI 제품을 개발 중인 Figma 사용자의 51%가 에이전트를 구축하고 있으며, 이는 전년(21%) 대비 두 배 이상 증가한 수치입니다. * 에이전트 설계 시에는 AI가 사용자에게 확인을 요청하는 시점, 정보 공유의 양, 채팅 vs 버튼 기반 인터페이스 중 최적의 UI를 선택하는 등 고도의 기획력이 요구됩니다. ### 성공을 결정짓는 반복 설계와 인적 역량 * 성공적인 AI 제품을 출시한 팀의 60%는 여러 가지 디자인 및 기술적 접근 방식을 탐색한 반면, 실패한 팀은 39%만이 이러한 반복 과정을 거쳤습니다. * 빌더의 52%는 AI 제품에서 디자인이 기존 제품보다 더 중요하다고 답했으며, 95%는 최소한 동일한 수준의 중요성을 갖는다고 평가했습니다. * 기술이 빠르게 변하는 상황에서 신속한 프로토타이핑과 긴밀한 협업 루프 등 전통적인 제품 설계 원칙을 유연하게 적용하는 능력이 차별화 요소로 작용합니다. ### 소규모 기업의 공격적인 투자와 실험 * 직원 10인 이하 소규모 기업의 61%가 AI를 시장 점유율 확보를 위한 핵심 요소로 인식하고 있으며, 이는 대기업보다 훨씬 높은 비중입니다. * 규모가 작은 기업일수록 의사결정이 빨라 AI 기술을 실험하고 업무 프로세스에 통합하는 속도가 더 민첩한 것으로 나타났습니다. * AI가 소규모 조직의 비즈니스 성장을 가속화할 수 있다는 믿음이 깊어지면서, 이들의 AI 기반 제품 개발 비중은 작년 대비 두 배로 증가했습니다. ### 개발자와 디자이너 간의 활용도 및 만족도 격차 * 개발자의 82%가 AI 도구에 만족하고 68%가 업무 품질 개선을 경험했다고 답한 반면, 디자이너는 각각 69%와 54%로 상대적으로 낮은 수치를 보였습니다. * 이러한 차이는 핵심 업무 활용 방식에서 기인합니다. 개발자의 59%는 코드 생성 등 핵심 업무에 AI를 쓰지만, 디자이너는 31%만이 에셋 생성 등 핵심 업무에 AI를 활용합니다. * 개발 현장에서는 AI가 생성한 코드에 대한 만족도가 높지만, 디자인 분야에서는 AI 도구가 디자이너의 워크플로우에 어떻게 최적으로 녹아들지 여전히 탐색 단계에 있습니다. ### 효율성 향상과 결과물 신뢰성 사이의 과제 * 조사 대상자의 78%가 AI가 업무 효율성을 크게 높인다는 점에 동의했지만, AI의 출력물을 전적으로 신뢰할 수 있다는 응답은 32%에 불과했습니다. * 단순히 작업을 빠르게 수행하는 것을 넘어, AI가 어떻게 인간의 전문성을 강화하고 실제 업무에 유용한 결과물을 지속적으로 낼 수 있게 할 것인지가 향후 과제입니다. AI를 성공적으로 도입하기 위해서는 '속도'보다는 '품질과 신뢰'에 집중해야 합니다. 개발 단계에서 다양한 프로토타입을 반복적으로 테스트하고, AI의 자율성과 인간의 통제권 사이에서 적절한 균형을 찾는 디자인 전략이 뒷받침될 때 비로소 시장에서 경쟁력 있는 AI 제품을 완성할 수 있습니다.

figma원문

아트 디렉션의 기술 | (새 탭에서 열림)

피그마(Figma)의 브랜드 스튜디오 팀은 아트 디렉션을 브랜드의 개성과 디렉터의 취향, 그리고 협업자의 스타일 사이에서 정교한 균형을 잡는 소통의 기술로 정의합니다. 이들은 단순히 시각적 결과물을 통제하는 것이 아니라, 창작자에 대한 깊은 신뢰를 바탕으로 복잡한 기술적 개념을 신선하고 추상적인 시각적 메타포로 변환하는 과정을 중시합니다. 결국 훌륭한 아트 디렉션은 디렉터가 최종 결과물을 미리 단정 짓기보다, 협업자가 창의적인 역량을 최대한 발휘할 수 있도록 유도하고 그 과정에서 발생하는 의외성을 수용하는 데서 완성됩니다. **아트 디렉션의 숙련과 감각의 훈련** * 아트 디렉션에서의 숙련도는 발레 무용수가 반복 연습을 통해 무대 위에서 자유를 얻듯, 수많은 반복과 시도를 통해 도구를 능숙하게 다루는 과정에서 시작됩니다. * 디렉터의 핵심 역량은 세상을 바라보는 눈을 훈련하는 것이며, 주변의 수많은 요소 중 자신과 브랜드에 공명을 일으키는 것을 선별하고 편집하는 능력이 곧 의사결정의 근간이 됩니다. * 아트 디렉션은 본질적으로 언어와 소통에 기반한 협업의 과정이며, 프로젝트의 시작점을 올바르게 설정하고 끝까지 이끌어가는 능력이 중요합니다. **적합한 협업자 선정과 창의적 신뢰** * 일러스트레이터를 선정하는 과정은 영화의 캐스팅 디렉터와 유사하며, 자신의 스타일이 확고하면서도 메시지를 예상치 못한 방식으로 전달할 수 있는 작가를 찾는 데 집중합니다. * 기초적인 아이디어가 확립된 후에는 협업자의 작업에 과도하게 개입하지 않고 신뢰를 보내는 것이 중요하며, 창작자가 개인적으로 몰입할 때 가장 흥미로운 결과물이 나옵니다. * 때로는 특정 분야의 경험이 없는 작가에게 새로운 시도를 맡겨 제약 조건 속에서 의외의 도약을 이끌어내는 '드라마틱한 긴장감'을 활용하기도 합니다. **추상적 메타포를 통한 기술적 개념의 시각화** * 엔지니어링과 같은 복잡하고 기술적인 주제를 다룰 때, 이를 문자 그대로 설명하기보다 서사 중심의 작가를 섭외하여 추상적인 비주얼로 풀어내는 방식을 선호합니다. * 복잡한 개념을 간결한 메타포로 응축하는 과정이 핵심이며, 추상적인 접근 방식은 관찰자에게 해석의 여지를 남겨 더 깊은 울림을 줍니다. * 예를 들어, 엔지니어링 피드백 문화를 '정원 가꾸기'로 시각화하거나 컨퍼런스의 주요 내용을 기이한 형태의 토마토 모델링으로 표현함으로써 단순한 설명을 넘어선 미적 경험을 제공합니다. **창작자 경험이 아트 디렉션에 미치는 영향** * 아트 디렉터 본인이 일러스트레이터나 애니메이터로서 실무 경험을 갖추면, 창작 과정의 고충과 필요한 시간을 깊이 이해하게 되어 더 높은 공감대와 신뢰를 형성할 수 있습니다. * 실무 경험은 협업자에게 현실적이고 구체적인 피드백을 줄 수 있는 기반이 되며, 이는 작가가 자신의 작업을 한 단계 더 발전시키도록 자극하는 역할을 합니다. * 경험이 쌓일수록 디렉터는 초기 단계에서 결과물을 미리 상상하며 통제하려는 습관을 버리고, 협업자가 이끄는 창의적인 여정 자체를 신뢰하며 즐기게 됩니다. 성공적인 아트 디렉션을 위해서는 결과물을 완벽히 통제하려는 욕심을 내려놓고, 협업 작가가 프로젝트에 개인적인 열정을 투여할 수 있는 환경을 조성해야 합니다. 기술적인 주제일수록 정교한 메타포를 활용해 시각적 여백을 만들어내고, 디렉터와 작가 사이의 긴밀한 소통을 통해 예상치 못한 창의적 결과물을 수용하는 유연함이 필요합니다.

figma3분 읽기큐레이션 요약

놀이의 힘 | 피그마 블로그

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

원문 읽기(새 탭에서 열림)
figma4분 읽기큐레이션 요약

버전 관리: UX 라이터

Figma의 UX Writer Henry Freedland는 프로토타입 오프라인 기능의 메뉴 문구를 다듬으며, 단어 하나가 사용자의 기대와 실제 시스템 동작 사이의 신뢰를 좌우한다고 설명합니다. 기술적으로 정확한 표현보다 사용자가 무엇을 하려는지, 클릭 후 어떤 결과를 기대하는지를 명확히 연결하는 표현이 중요합니다. 결국 UX 글쓰기는 단순한 문구 수정이 아니라 제품의 동작과 사용자 경험을 정렬하는 작업입니다. ## UX 글쓰기가 드러내는 제품의 본질 - Figma는 인터넷 없이도 프로토타입을 안정적으로 발표할 수 있도록 오프라인 기능을 개발했습니다. - 기능 구현이 거의 끝난 시점에 메뉴 문구를 정하려 했지만, 어떤 단어를 선택할지 논의하는 과정에서 제품이 실제로 무엇을 하는지에 대한 근본적인 질문이 드러났습니다. - UX 문구는 사용자가 시스템의 동작 방식을 이해하고 예측하도록 돕는 일종의 안내 규칙입니다. - 동작 자체가 명확하지 않다면, 아무리 짧고 자연스러운 문구라도 사용자 기대와 실제 결과 사이에 혼란이 생깁니다. ## 1차 시도: “Preload prototype”의 기술적 정확성 - 초기 문구는 **“Preload prototype”**이었습니다. - 프로토타입을 화면을 이동할 때마다 불러오는 대신, 필요한 리소스를 미리 모두 로드한다는 기술적 동작을 정확히 표현합니다. - 하지만 “pre-”라는 접두사는 보통 어떤 일이 일어나기 전에 수행되는 작업을 뜻합니다. - 예: 오븐을 미리 데우는 “preheat” - 사용자는 이미 프로토타입을 로드한 뒤 이 옵션을 보게 되므로, 무엇을 “미리” 로드한다는 것인지 직관적으로 이해하기 어렵습니다. - 기술 배경이 있는 사람에게는 익숙하지만, 일반 사용자에게는 다음과 같은 추가 설명이 필요합니다. - 현재 무엇이 이미 로드되었는가? - 무엇을 추가로 로드하는가? - 언제 오프라인 상태로 전환되는가? ## “Load full prototype”이 해결하지 못한 신뢰 문제 - 더 익숙한 동사인 **“load”**를 사용해 다음과 같은 표현도 검토했습니다. - “Load full prototype” - “Load all screens” - “Load all assets” - 그러나 사용자는 이미 프로토타입을 열었기 때문에, “전체 프로토타입을 로드한다”는 표현이 현재 상태와 충돌할 수 있습니다. - 컴퓨터가 “로드 중”이라고 알려주면 사용자는 그 과정을 신뢰하지만, 로딩이 끝난 뒤에는 모든 것이 준비되었다고 믿게 됩니다. - 따라서 “Load full prototype”은 현재 화면이 사실은 완전히 준비된 상태가 아니라는 인상을 주며, 프로그램과 사용자 사이의 신뢰를 약화시킬 수 있습니다. - 기술적으로 정확한 명칭이라도 사용자의 현재 상황과 맞지 않으면 좋은 UX 문구가 되지 않습니다. ## 2차 시도: 사용자의 목적을 직접 표현하기 - 기능의 목적은 인터넷이 없어도 프로토타입을 안정적으로 발표하는 것이므로 다음 표현도 제안되었습니다. - “Present prototype offline” - “Prepare to present offline” - 소프트웨어 문구는 사용자가 왜 어떤 행동을 하는지부터 고려해야 합니다. - Terry Winograd의 표현처럼 사람은 언어를 통해 행동하므로, 메뉴 문구는 사용자의 의도와 컴퓨터의 실행 동작을 연결해야 합니다. - **“Present prototype offline”**은 실제로 클릭하는 순간 발표가 시작되지 않는다는 점에서 문제가 있습니다. - 사용자는 즉시 발표 화면이 나타날 것이라고 기대할 수 있습니다. - **“Prepare to present offline”**은 준비의 의미가 모호합니다. - 무엇을 준비하는가? - 얼마나 일찍 눌러야 하는가? - 준비가 끝났다는 것을 어떻게 알 수 있는가? - 이 표현들은 사용자를 위한 단계별 안내나 후속 화면이 있다면 사용할 수 있지만, 단순한 토글 메뉴에는 지나치게 무겁고 불명확합니다. ## 문구 선택 기준: 생각·언어·시스템 동작의 일치 - 좋은 UX 문구는 다음 세 가지를 일치시켜야 합니다. - 사용자가 머릿속으로 생각하는 목표 - 메뉴에 표시된 언어 - 실제 시스템이 수행하는 동작 - 세 요소 사이의 간격이 크면 사용자는 클릭 결과를 예측하기 어렵습니다. - 기술 용어를 그대로 노출하면 구현 방식은 설명할 수 있지만 사용자의 목적을 놓칠 수 있습니다. - 반대로 사용자의 목표만 강조하면 시스템이 실제로 무엇을 하는지 알 수 없게 될 수 있습니다. - 특히 토글 메뉴에서는 문구만 보고도 현재 옵션의 의미와 활성화 후 결과를 이해할 수 있어야 합니다. ## 실용적인 결론 오프라인 기능처럼 내부적으로는 복잡한 동작을 수행하는 기능일수록, 기술적 구현명보다 사용자의 기대와 실제 결과를 정확히 연결하는 문구를 선택해야 합니다. 메뉴 문구를 정할 때는 “무엇을 하는가”뿐 아니라 “사용자는 왜 이 기능을 켜는가”, “클릭 직후 무엇이 일어날 것이라고 기대하는가”를 함께 검토하는 것이 좋습니다.

원문 읽기(새 탭에서 열림)
figma3분 읽기큐레이션 요약

버전 관리: 피그마

Figma의 Layers 패널에 가로 스크롤을 추가하는 일은 단순한 UI 개선이 아니었다. 계층 구조, 접기·펼치기와 잠금·숨김 상태, 가상화 렌더링, 다양한 텍스트 길이와 다중 스크롤 방향이 서로 얽혀 있었기 때문이다. Figma 팀은 세 가지 프로토타입을 시험하며 사용자의 계층 구조 인식과 작업 맥락을 해치지 않는 방향을 탐색했다. ## 가로 스크롤이 어려웠던 이유 - Layers 패널은 자주 사용되고 신뢰성이 중요해 작은 동작 변화도 신중해야 했다. - 레이어는 정적인 목록이 아니라 다음과 같은 상태를 가진다. - 숨김·잠금 - 계층 접기·펼치기 - 부모·자식 관계 - 성능을 위해 현재 화면에 보이는 레이어만 렌더링하는 **가상화**가 적용되어 있었다. - 세로로 스크롤하면 새 레이어가 렌더링되고, 레이어 이름 길이가 달라져 가로 스크롤 영역과 정렬이 복잡해졌다. - 핵심 목표는 단순히 콘텐츠를 옮기는 것이 아니라 사용자가 현재 계층상의 위치와 “더 볼 내용이 있음”을 계속 이해하도록 하는 것이었다. - 디자이너 Giorgio Caviglia는 JavaScript, HTML, CSS, React로 직접 프로토타입을 만들어 수천 개 레이어와 다양한 상호작용을 실제로 검증했다. ## 첫 번째 시도: 화면 왼쪽의 보이지 않는 레이어 표시 - 레이어가 패널의 왼쪽 위나 오른쪽 아래 경계를 벗어나면 해당 위치에 아이콘을 표시하는 대칭형 UI를 실험했다. - 아이콘을 패널 가장자리에 고정하는 것은 쉬웠지만, 레이어 이름이 스크롤될 때 배경이 일부 요소 아래로 지나가고 다른 텍스트는 가려야 했다. - 컴포넌트가 위에 놓인 요소의 정확한 위치를 알지 못해 다음 문제가 발생했다. - 배경이 텍스트를 제대로 덮지 못함 - 레이어 행 구조와 불투명 배경 처리가 충돌함 - 스크롤 상태에 따라 시각적 가림 처리가 달라짐 - 디자인 측면에서도 왼쪽 상단에 레이어 이름의 끝부분이 들쭉날쭉하게 남아 시각적으로 어색했다. - 결과적으로 대칭성을 유지하려던 해결책이 새로운 문제를 만들었고, 패널 상단의 빈 공간을 어떻게 다룰지 재검토하게 됐다. ## 두 번째 시도: 선택한 레이어로 자동 스크롤 - 캔버스에서 선택한 레이어가 Layers 패널에 보이지 않으면 해당 레이어가 패널 중앙에 오도록 자동으로 가로 스크롤하는 방식을 실험했다. - 이론적으로는 편리했지만, 실제 사용에서는 가로와 세로 스크롤이 동시에 발생해 사용자가 현재 위치를 잃었다. - 특히 깊게 중첩된 레이어를 선택하면 부모 레이어가 화면에서 사라져 계층 구조를 파악하기 어려웠다. - 사용자는 작업 대상의 이름뿐 아니라 다음 정보도 함께 확인해야 한다. - 어떤 부모 아래에 있는지 - 계층상 어디에 위치하는지 - 특정 컴포넌트의 일부인지 - 화면을 갑자기 다른 위치로 이동시키는 동작은 Google Maps가 주행 중 지도를 갑자기 다른 장소로 옮기는 것과 비슷한 혼란을 유발했다. - 도구가 사용자를 돕기보다 현재 작업에 대한 정신적 모델을 깨뜨리는 결과가 되어 채택되지 않았다. ## 세 번째 시도: 레이어 이름 변경 중 스크롤 - 가로 스크롤 도입으로 레이어 이름을 편집하는 동안 다른 레이어로 스크롤할 때의 동작도 새롭게 정의해야 했다. - 사용자가 이름 입력 중 다른 레이어를 보기 위해 스크롤하면, 입력 중인 텍스트를 자동으로 새 이름으로 확정하는 방안을 검토했다. - 그러나 스크롤은 이름 변경을 확정했다는 충분히 강한 신호가 아니었다. - 이 동작을 채택하면 사용자가 의도하지 않게 레이어 이름을 변경할 위험이 있었다. - 따라서 스크롤과 편집 확정의 관계를 별도로 설계해야 한다는 점이 드러났다. ## 실용적인 시사점 - 복잡한 UI에서는 정적인 화면 설계만으로 모든 상태를 예측하기 어렵기 때문에 실제 코드 기반 프로토타이핑이 유용하다. - 자동 이동은 편리함보다 사용자의 공간적·계층적 맥락 보존을 우선해야 한다. - 스크롤, 선택, 편집처럼 서로 다른 의도를 가진 동작을 하나의 암묵적 신호로 처리하면 오작동과 혼란이 발생한다. - 특히 가상화된 계층형 UI에서는 렌더링 구조, 텍스트 가림, 상태 변화까지 함께 고려해야 한다.

원문 읽기(새 탭에서 열림)
figma2분 읽기큐레이션 요약

피그마, SEC에

Figma는 미국 증권거래위원회(SEC)에 기업공개(IPO)를 위한 S-1 등록신고서 초안을 비공개로 제출했다고 발표했습니다. 이는 SEC 심사를 거쳐 향후 상장할 수 있는 선택지를 확보했다는 의미이며, 아직 실제 IPO 일정이나 상장 여부가 확정된 것은 아닙니다. 공모 주식 수와 가격 범위도 결정되지 않았습니다. ### 비공개 S-1 제출 - Figma는 2025년 4월 15일 SEC에 **Class A 보통주 공모를 위한 S-1 초안**을 confidential submission 방식으로 제출했습니다. - 비공개 제출은 SEC의 사전 검토를 먼저 받을 수 있도록 하는 절차로, 기업이 공식 상장을 준비하면서도 초기 단계의 정보를 즉시 모두 공개하지 않을 수 있게 합니다. - Figma의 발표는 상장을 확정했다기보다, SEC 심사 결과에 따라 기업공개를 추진할 수 있는 기반을 마련했다는 의미입니다. ### IPO 세부 사항은 미정 - 공모 예정 주식 수는 아직 정해지지 않았습니다. - 주식 공모 가격 범위 역시 발표되지 않았습니다. - SEC의 심사가 완료되기 전까지 상장 시점, 공모 규모, 기업가치 등 핵심 조건은 확정되지 않습니다. - 따라서 이번 발표만으로 Figma의 상장 일정이나 예상 시가총액을 판단할 수는 없습니다. ### 법적 고지와 투자 권유 아님 - Figma는 이번 게시물이 미국 증권법의 **Rule 135**에 따른 사전 공지라고 밝혔습니다. - 이 발표는 주식 매도 제안이나 매수 권유가 아닙니다. - 실제 주식의 청약, 권유 또는 매각은 SEC 심사 완료 후 증권법상 등록 요건에 따라 진행될 예정입니다. 결국 이번 발표는 Figma가 IPO를 위한 공식 절차에 진입했다는 신호이지만, 투자자가 판단할 수 있는 재무 정보나 공모 조건은 아직 공개되지 않은 초기 단계의 소식입니다. 향후 SEC 심사 이후 공개될 정식 S-1 문서에서 매출, 수익성, 위험 요인, 공모 규모 등을 확인해야 합니다.

원문 읽기(새 탭에서 열림)
figma원문

피그마, 한국 시장 (새 탭에서 열림)

피그마(Figma)가 한국 시장을 위한 제품 현지화 및 지원 서비스의 오픈 베타 출시를 발표했습니다. 이번 한국어 지원은 일본어와 스페인어에 이은 세 번째 현지화 사례로, 한국 사용자들에게 더욱 직관적인 디자인 환경을 제공하고 디자인의 접근성을 전 세계로 확장하려는 피그마의 비전을 담고 있습니다. 이를 통해 국내 디자이너뿐만 아니라 개발자와 기획자 등 다양한 직군 간의 협업 효율이 극대화될 것으로 기대됩니다. **한국 시장 맞춤형 현지화 및 지원 확대** * 제품 인터페이스 전반에 걸친 완전한 한국어 번역과 한국 문화에 적합하도록 조정된 사용자 경험(UI)을 제공합니다. * 한국어 사용자를 위한 전담 고객 지원 체계를 구축하여 서비스 이용 중 발생하는 문제에 신속하게 대응합니다. * 이번 한국어 버전은 4월 16일부터 순차적으로 공개되는 오픈 베타를 통해 직접 체험할 수 있습니다. **국내 주요 기업의 활용 사례와 성과** * 카카오뱅크, 우아한형제들, 당근, 강남언니 등 국내 유수의 IT 기업들이 이미 피그마를 통해 제품을 개발하고 있습니다. * 카카오뱅크는 피그마 도입 이후 직원들의 업무 생산성이 약 30% 향상되었으며, 한국어 지원을 통해 언어 장벽 없이 핵심 프로젝트에 집중할 수 있게 되었다고 밝혔습니다. * 우아한형제들 또한 한국어 작업 환경이 비디자이너들의 디자인 프로세스 참여를 유도하여 협업의 질을 높였다고 평가했습니다. **데이터로 증명된 한국 내 피그마 생태계** * 한국 코스피 200 기업 중 약 3분의 1이 피그마를 사용하고 있으며, 국내 사용자들의 활발한 커뮤니티인 'Friends of Figma(FoF) 서울' 지부 멤버는 1,000명을 넘어섰습니다. * 지난 한 해 동안 한국에서 생성된 피그마 파일은 400만 개 이상이며, 매일 평균 75,000개 이상의 파일이 수정되고 있습니다. * 피그마의 글로벌 매출 50%가 미국 외 시장에서 발생하고 월간 활성 사용자(MAU)의 85%가 해외 거주자인 만큼, 한국은 피그마의 글로벌 확장 전략에서 핵심적인 위치를 차지합니다. **전체 제품 개발 공정을 아우르는 도구로의 진화** * 피그마는 단순한 디자인 도구를 넘어 화이트보드 협업 도구인 '피그잼(FigJam)', 개발자와의 원활한 소통을 돕는 '데브 모드(Dev Mode)', 프레젠테이션 제작을 위한 '피그마 슬라이드(Figma Slides)' 등 제품 개발의 전 과정을 지원합니다. * 2024년에는 AI 기능을 도입하여 팀의 창의적인 아이디어를 실제 제품으로 구현하는 속도를 한층 더 높였습니다. * 특히 월간 활성 사용자의 약 30%가 개발자인 만큼, 이번 현지화는 디자인과 개발 사이의 언어적 간극을 메우는 중요한 계기가 될 것입니다. 이번 한국어 현지화는 단순한 언어 번역을 넘어 국내 기업들이 디자인 중심의 제품 개발 문화를 구축하는 데 강력한 촉매제가 될 것으로 보입니다. 특히 디자인 비전공자나 개발자와의 협업이 잦은 팀이라면, 이번 오픈 베타 기간을 활용해 한국어 환경에서의 워크플로우를 최적화하고 팀 내 협업 장벽을 낮추는 기회로 삼기를 권장합니다.

figma3분 읽기큐레이션 요약

요점 정리: 제10호

Figma의 「Skill share」는 Config 2025를 앞두고 디자인·개발·제품 제작에 도움이 되는 실무 지식과 관련 글을 모은 큐레이션이다. 핵심 메시지는 좋은 제품을 만들려면 속도만 좇기보다 품질과 장인정신, 원활한 협업, 명확한 글쓰기, 장기적 관점이 필요하다는 것이다. 각 글은 제품 제작자가 자신의 역량을 넓히고 다른 직군과 더 효과적으로 협력하는 방법을 다룬다. ## 기술과 제품의 품질을 높이는 10가지 원칙 - Linear의 공동 창업자 겸 CEO Karri Saarinen이 제품을 돋보이게 만드는 장인정신을 소개한다. - “빠르게 움직이고 깨뜨리자”는 접근만으로는 오늘날의 디자인 중심 시장에서 차별화하기 어렵다고 지적한다. - 조직의 모든 단계에서 품질과 세부 완성도를 중시하는 문화를 구축하는 것이 중요하다. - 제품 개발 속도보다 일관된 품질, 사용 경험, 완성도를 우선하는 관점을 다룬다. - 관련 글은 Config 2025에서 진행될 Karri Saarinen의 키노트와도 연결된다. ## 디자이너와 개발자를 위한 핸드오프 - 디자인 결과물을 실제 제품으로 구현하는 과정에서 디자이너와 개발자의 협업이 성패를 좌우한다고 설명한다. - 디자인에서 개발로 넘어갈 때 각 직군의 목표와 전문성이 충돌할 수 있음을 문제로 제시한다. - 효과적인 핸드오프를 위해 다음 세 가지 원칙을 강조한다. - **호기심을 키우기:** 상대 직군의 업무 방식과 제약을 이해하려는 태도 - **소통을 개방하기:** 작업이 끝난 뒤 전달하는 방식보다 과정 중 지속적으로 논의하기 - **‘좋은 결과’의 기준 맞추기:** 시각적 완성도, 기술적 실현 가능성, 사용자 경험에 대한 기대치를 사전에 합의하기 - 단순히 디자인 파일을 전달하는 절차가 아니라, 공동으로 문제를 해결하는 협업 과정으로 핸드오프를 바라본다. ## 글쓰기가 제품 제작에 중요한 이유 - 제품 제작자는 기능과 기술뿐 아니라 자신의 아이디어와 비전을 설득력 있게 설명해야 한다. - 기술 아키텍처, 신규 기능, 제품 로드맵을 설명하거나 발표할 때 명확한 글쓰기가 성공에 직접 영향을 준다. - 좋은 제품과 디자인은 이를 만든 사람이 자신의 의도를 분명히 표현할 때 더 쉽게 이해되고 확산된다. - 특정 직무에 관계없이 누구나 스토리텔러가 될 수 있으며, 글쓰기는 아이디어를 구체화하고 사람들을 같은 방향으로 이끄는 도구로 제시된다. - 단순한 문장 작성 능력보다 문제의 맥락과 제품의 비전을 구조적으로 전달하는 능력을 강조한다. ## 장기적인 제품 개발과 AI 시대의 장인정신 - AI 도구가 빠르게 발전하면서 제품 제작자의 관심은 “작동하는가”에서 “잘 작동하는가”로 이동하고 있다. - Figma의 공동 창업자 겸 CEO Dylan Field와 Y Combinator의 Garry Tan의 대화를 통해 제품 개발의 방향을 논의한다. - 실험과 놀이가 새로운 아이디어를 발견하고 제품의 가능성을 확장하는 중요한 과정이라고 설명한다. - AI를 활용한 이른바 ‘바이브 코딩’이 개발 속도를 높이더라도, 결과물의 품질과 세부적인 완성도를 직접 검토해야 한다. - 모델이 많은 작업을 대신하더라도 제품의 본질을 이해하고, 장기적인 사용자 가치와 제작 역량을 보존해야 한다. - 창업자와 제품 제작자는 다양한 가능성을 탐색하는 ‘아이디어 미로’를 거치며 충분히 실험하고 방향을 선택해야 한다. ## 지식 공유와 Config 2025 - 이 글은 하나의 기술 튜토리얼이라기보다 디자인과 개발에 관한 Figma의 기존 콘텐츠를 묶은 큐레이션이다. - Config 2025를 앞두고 제품 제작자들이 기술, 도구, 전략을 공유한다는 취지로 구성되었다. - 독자는 장인정신, 협업, 글쓰기, AI 시대의 제품 개발 등 자신의 업무와 관련된 주제를 선택해 추가로 읽을 수 있다. - 온라인 무료 등록을 통해 Config에 참여할 수 있다는 안내도 함께 제공한다. - 글 후반부의 “Rabbit hole” 영역은 추가 읽을거리로 보이지만, 제공된 본문에는 해당 항목의 상세 설명이 포함되어 있지 않다. 제품을 만들 때는 빠른 구현만 목표로 삼기보다 품질 기준을 먼저 합의하고, 디자이너와 개발자가 과정 중 계속 소통하는 것이 좋다. 또한 글쓰기로 제품의 의도를 명확히 설명하고, AI 도구를 활용하더라도 실험·검토·세부 조정 같은 인간의 판단을 유지해야 장기적으로 경쟁력 있는 결과물을 만들 수 있다.

원문 읽기(새 탭에서 열림)