Figma / ui-design

78 개의 포스트

figma

IDC Study Says the Global Workforce Engaged in Software Design Is Expanding | Figma Blog (새 탭에서 열림)

글로벌 시장 분석 기관인 IDC의 최신 연구에 따르면, 소프트웨어 디자인 및 개발에 참여하는 인력은 2025년 107만 명에서 2029년 144만 명으로 약 30% 이상 급증할 것으로 전망됩니다. 이는 디자인이 기업의 핵심적인 경쟁 우위 요소로 자리 잡고 있음을 시사하며, 특히 사용자 경험(UX) 중심의 솔루션에 대한 수요가 폭발적으로 늘어나고 있음을 보여줍니다. 생성형 AI의 발전은 이러한 흐름을 가속화하여 더 정교하고 시각적으로 뛰어난 디지털 제품의 생산을 촉진할 것으로 보입니다. **소프트웨어 디자인 인력의 양적 팽창** - IDC는 디지털 제품 및 인터페이스 디자인에 참여하는 지식 근로자와 개발자의 수가 2025년 1억 7백만 명에서 2029년 1억 4천 4백만 명으로 증가할 것으로 예측했습니다. - 이러한 성장은 전 산업군과 기업 규모를 막론하고 소프트웨어 디자인의 중요성이 비즈니스 전략의 핵심으로 부상했음을 의미합니다. - 디자인 중심의 문제 해결을 위한 전문 인력에 대한 수요는 향후 몇 년간 지속적으로 강화될 것입니다. **UX 디자인 직무의 독보적인 성장세** - UX 디자인 전문가 집단은 2025년부터 2029년까지 연평균 성장률(CAGR) 7.6%를 기록할 것으로 보입니다. - 이는 다른 지식 근로자 하위 범주의 성장 속도를 앞지르는 수치로, 복잡한 기술을 사용자 친화적으로 풀어내는 디자인 집약적 솔루션의 중요성을 방증합니다. - 기업들은 단순한 기능 구현을 넘어, 차별화된 인터페이스와 사용자 경험을 제공하기 위해 UX 인력을 공격적으로 확충할 전망입니다. **생성형 AI가 가져올 개발 속도와 품질의 변화** - 생성형 AI는 소프트웨어 개발의 속도와 물량을 비약적으로 증가시켜 사용자에게 더 넓은 선택지를 제공하는 촉매제 역할을 할 것입니다. - 제품 내 AI 기능 통합이 보편화됨에 따라, 디자이너와 개발자는 고도로 사용 가능하고 시각적으로 매력적인 AI 인터페이스를 구현해야 한다는 도전에 직면하게 됩니다. - 결과적으로 AI는 디자인 과정을 보조하는 동시에, 더 높은 수준의 디자인 표준을 유지해야 하는 압박으로 작용하여 숙련된 디자인 인력의 가치를 높일 것입니다. 디자인은 이제 단순한 미적 요소를 넘어 제품의 성패를 가르는 전략적 자산이 되었습니다. 기업들은 증가하는 디자인 인력 수요에 대비하고, 특히 생성형 AI를 디자인 프로세스에 효과적으로 통합하여 고도화된 사용자 경험을 신속하게 제공할 수 있는 역량을 갖추어야 합니다. 이러한 변화의 흐름 속에서 디자인과 개발의 경계를 허물고 협업 효율을 극대화하는 것이 미래 소프트웨어 시장의 핵심 경쟁력이 될 것입니다.

figma

Figma Launches Latin American Spanish Localization | Figma Blog (새 탭에서 열림)

Figma가 중남미 디자인 및 개발자 커뮤니티와의 접점을 넓히기 위해 라틴 아메리카 스페인어 현지화 버전을 공식 출시했습니다. 이번 업데이트는 단순한 번역을 넘어 문화적으로 최적화된 UI와 전용 지원 시스템을 포함하며, 전 세계 활성 사용자의 85%가 미국 외 지역에 거주하는 Figma의 글로벌 확장 전략의 일환입니다. 이를 통해 중남미 지역 기업들은 디자인 시스템을 더 효율적으로 확장하고 제품 개발 생산성을 높일 수 있게 되었습니다. ### 라틴 아메리카 시장의 성장과 현지화 배경 * **다섯 번째 현지화 언어:** 일본어, 스페인어(본토), 한국어, 브라질 포르투갈어에 이어 라틴 아메리카 스페인어가 Figma의 다섯 번째 공식 현지화 언어로 채택되었습니다. * **폭발적인 커뮤니티 성장:** 지난 한 해 동안 라틴 아메리카 지역에서만 1,000만 개 이상의 Figma 파일이 생성되었을 정도로 해당 지역의 창의적 에너지가 높습니다. * **주요 고객사 확보:** iFood, Mercado Libre, Nubank 등 중남미를 대표하는 유니콘 기업과 대형 금융기관들이 이미 Figma를 통해 디자인과 엔지니어링 워크플로우를 통합하고 있습니다. * **문화적 최적화:** 단순 텍스트 번역에 그치지 않고, 지역 사용자의 문화적 특성을 반영한 인터페이스와 전담 고객 지원을 통해 현지 기업들이 더 원활하게 제품을 설계할 수 있도록 돕습니다. ### 글로벌 플랫폼으로서의 데이터와 지표 * **압도적인 해외 사용자 비중:** 2024년 4분기 기준, Figma 월간 활성 사용자(MAU)의 약 85%가 미국 이외의 지역에 분포하고 있습니다. * **글로벌 매출 구조:** 2024년 전체 매출의 50% 이상이 미국 이외의 글로벌 시장에서 발생하며 명실상부한 글로벌 플랫폼으로 자리 잡았습니다. * **다양해진 사용자 직군:** 전체 사용자의 약 30%가 스스로를 개발자로 정의하고 있으며, 전통적인 디자이너 역할을 넘어 협업에 참여하는 비중이 전체 MAU의 2/3에 달합니다. ### 협업 환경에 주는 시사점 * **직군 간 장벽 완화:** 현지어 지원은 디자이너뿐만 아니라 제품 매니저, 개발자 등 다양한 이해관계자들이 디자인 시스템에 더 쉽게 접근하고 소통하게 만듭니다. * **글로벌 표준화 가속:** 전 세계 어디서든 동일한 수준의 현지화된 도구를 사용할 수 있게 됨에 따라, 다국적 기업 내에서의 협업 생산성이 더욱 향상될 것으로 기대됩니다. * **디자인 경쟁력 강화:** 현지 문화를 반영한 제품 제작이 쉬워지면서, 각 지역 기업들이 차별화된 사용자 경험(UX)을 신속하게 구축하고 시장에 배포할 수 있는 토대가 마련되었습니다.

figma

What They’re Not Teaching in Design Class—and What You Can Do About It | Figma Blog (새 탭에서 열림)

Figma에서 발행한 이 가이드는 주니어 제품 디자이너가 첫 직장을 구하기 위해 단순한 시각적 기술을 넘어 문제 해결 능력과 논리적 사고를 어떻게 증명해야 하는지를 다룹니다. 성공적인 취업의 핵심은 자신의 디자인 결정을 설득력 있는 스토리로 전달하는 것이며, 이를 위해 포트폴리오 구성부터 인터뷰 전략까지 구체적인 방법론을 제시합니다. 결과적으로 주니어 디자이너는 '무엇'을 만들었는지보다 '왜' 그렇게 만들었는지에 대한 사고 과정을 보여주는 데 집중해야 합니다. **문제 해결 중심의 포트폴리오 구축** * 단순히 완성된 고해상도 화면(High-fidelity)만 나열하는 것이 아니라, 프로젝트의 배경, 해결하려 했던 구체적인 문제, 그리고 그 과정에서의 의사결정 단계를 상세히 서술해야 합니다. * 디자인 과정에서 마주한 제약 사항과 이를 극복하기 위해 내린 '트레이드오프(Trade-offs)'를 명시하여 비판적 사고 능력을 보여주어야 합니다. * 모든 케이스 스터디는 명확한 서론, 본론, 결론을 갖춘 내러티브 구조를 가져야 하며, 자신의 역할과 기여도를 명확히 밝히는 것이 필수적입니다. **디자인 비평(App Critique) 역량 강화** * 인터뷰에서 자주 등장하는 앱 비평은 단순히 UI의 심미적 요소를 평가하는 것이 아니라, 비즈니스 목표와 사용자 니즈가 어떻게 디자인에 반영되었는지 분석하는 자리입니다. * 특정 기능이 왜 그렇게 설계되었는지 기획 의도를 추론하고, 해당 설계가 사용자 경험에 미치는 영향을 논리적으로 설명할 수 있어야 합니다. * 단순히 단점을 지적하기보다, 대안을 제시하거나 특정 디자인이 성공적인 이유를 데이터나 심리학적 근거로 뒷받침하는 통찰력을 보여주는 것이 중요합니다. **실무 면접과 스토리텔링 전략** * 포트폴리오 리뷰 시 면접관의 관심을 끌기 위해 가장 강력한 프로젝트를 먼저 배치하고, 청중의 이해도에 맞춰 기술적 디테일의 수준을 조절해야 합니다. * 화이트보드 챌린지나 과제 전형에서는 정답을 맞히는 것보다 질문을 통해 모호한 요구사항을 구체화하고, 협업하는 동료로서 소통하는 태도를 보여주는 것이 핵심입니다. * 자신이 디자인한 결과물이 비즈니스 지표나 사용자 피드백에 어떤 영향을 주었는지(혹은 줄 것으로 예상되는지) 결과 중심의 언어를 사용해야 합니다. 첫 제품 디자이너 역할을 얻기 위해서는 '완벽한 결과물'을 보여주려는 압박감에서 벗어나, 자신의 사고방식을 투명하게 공개하고 함께 성장할 수 있는 동료로서의 잠재력을 어필하는 데 집중하시기 바랍니다. 특히 포트폴리오의 각 단계에서 "왜 이 경로를 선택했는가?"라는 질문에 스스로 답할 수 있도록 준비하는 과정이 취업 성공의 열쇠가 될 것입니다.

figma

Publish Your Designs On The Web With Figma Sites | Figma Blog (새 탭에서 열림)

Figma는 Config 2025를 통해 디자인의 물리적 한계를 넘어 AI와 데이터가 결합된 초연결 디자인 환경을 구축하고자 합니다. 정적인 캔버스를 넘어 실제 제품에 가까운 역동적인 결과물을 만드는 도구로서의 역할을 강조하며, 디자이너가 단순 반복 작업에서 벗어나 브랜딩과 전략적 의사결정에 집중할 수 있는 환경을 제공합니다. 디자인 시스템의 자동화와 고도화된 프로토타이핑 기능을 통해 아이디어에서 실제 제품 구현까지의 속도를 획기적으로 단축하는 것이 이번 변화의 핵심입니다. **인공지능(AI)을 통한 창의적 생산성 혁신** - AI가 디자인의 초안을 생성하거나 복잡한 레이아웃을 자동으로 정리하여 초기 작업 시간을 대폭 단축합니다. - 텍스트 프롬프트를 통해 컴포넌트를 생성하고, 문맥에 맞는 에셋을 추천하는 등 지능형 보조 도구로서의 기능을 강화합니다. - 디자인 시스템 내에서 가이드라인과 일치하지 않는 요소를 AI가 실시간으로 감지하고 수정안을 제안하여 디자인 품질의 일관성을 유지합니다. **고도화된 프로토타이핑과 리얼리즘** - 변수(Variables)와 조건부 로직을 강화하여 실제 코드로 구현된 앱과 구분이 어려울 정도의 고도화된 사용자 경험(UX) 테스트 환경을 제공합니다. - 복잡한 인터랙션을 별도의 세부 설정 없이도 자연스럽게 연결하는 스마트 애니메이션 기능을 확장하여 프로토타이핑 제작 허들을 낮춥니다. - 멀티 디바이스 환경에 대응하는 반응형 프로토타이핑 기능을 통해 다양한 스크린에서의 사용자 경험을 사전에 정밀하게 검증할 수 있습니다. **브랜딩과 일관성 있는 디자인 시스템** - 디자인 토큰(Design Tokens)을 활용하여 브랜드 아이덴티티를 웹, 앱 등 모든 플랫폼에 일관되게 즉각 적용하는 프로세스를 간소화합니다. - 대규모 조직 내의 여러 팀이 협업할 때 브랜드 가이드라인이 준수될 수 있도록 자동화된 검사 및 승인 워크플로우를 지원합니다. - 로고, 폰트, 컬러 팔레트 등 핵심 브랜드 자산을 중앙에서 관리하고 버전별로 추적할 수 있는 통합 라이브러리 기능을 강화합니다. **디자인과 개발의 경계 해제** - Dev Mode의 기능을 더욱 확장하여 디자인 사양(Spec)을 개발자가 즉시 이해할 수 있는 코드로 변환하고, 관련 문서를 자동 생성합니다. - 디자인 요소와 프로덕션 환경의 코드 간 동기화를 강화하여 디자인 변경 사항이 실제 제품에 반영되는 과정에서의 정보 손실을 최소화합니다. 단순한 도구의 업데이트를 넘어 AI와 시스템화된 워크플로우를 통해 디자이너가 '그리는 작업'에서 벗어나 '제품의 전략가'로 거듭날 것을 제안합니다. 기업은 이러한 자동화된 환경을 선제적으로 도입하여 브랜드 가치를 시장에 전달하는 속도를 높여야 합니다.

figma

Figma Buzz Is Where Design and Marketing Teams Co-create | Figma Blog (새 탭에서 열림)

Config 2025는 디자인의 경계를 허물고 그 영향력을 기술과 비즈니스 전반으로 확장하는 것을 목표로 합니다. 이번 컨퍼런스는 디자인 시스템의 고도화와 AI 기술의 결합을 통해 디자이너가 더 전략적이고 창의적인 업무에 집중할 수 있는 환경을 구축하는 데 주력할 예정입니다. 특히 단순한 시각적 작업을 넘어 실제 제품 구현(Building)과 브랜딩의 영역까지 아우르는 디자인의 새로운 표준을 제시하고자 합니다. **Config 2025의 핵심 테마: 디자인 영역의 확장** - 'Pushing design further'라는 주제 아래, 디자인이 제품 개발의 전 과정에서 어떻게 중추적인 역할을 수행할 수 있는지 탐구합니다. - 디자인 도구의 진화가 협업 방식과 의사결정 프로세스에 미치는 영향을 심도 있게 다룹니다. - AI를 활용하여 디자인 워크플로우의 병목 현상을 해결하고, 창의적인 실험을 가속화하는 방안을 모색합니다. **네 가지 주요 트랙을 통한 전문성 강화** - **Inside Figma**: 피그마의 기능을 극대화하여 대규모 디자인 시스템을 관리하고, 복잡한 작업 효율을 높이는 실전 노하우를 공유합니다. - **Building**: 개발자와의 협업 최적화(Handoff), 코드 기반의 디자인 구현, 그리고 AI를 활용한 제작 프로세스의 혁신에 집중합니다. - **Design**: 디자인의 본질적인 기교(Craft)와 더불어 디자인 리더십, 조직 문화, 비전 수립과 같은 거시적인 주제를 다룹니다. - **Branding**: 브랜드 정체성이 디지털 제품 경험에 녹아드는 과정과 마케팅 스토리텔링의 기술적 결합을 탐구합니다. **AI와 프로토타이핑의 기술적 진보** - 단순한 화면 연결을 넘어, 실제 데이터와 로직이 작동하는 고도화된 프로토타이핑 기술의 실무 적용 사례를 제시합니다. - AI가 반복적인 에셋 생성을 자동화하고, 디자이너가 사용자 경험(UX)의 핵심 로직 설계에 더 많은 시간을 할애할 수 있도록 돕는 기술적 토대를 강화합니다. - 디자인-엔지니어링 간의 간극을 좁히기 위한 도구적 진화와 이를 뒷받침하는 데이터 구조의 중요성을 강조합니다. 디자인의 미래는 단순한 도구 숙련도를 넘어 기술적 이해도와 전략적 사고의 결합에 있습니다. Config 2025는 이러한 변화의 흐름 속에서 디자이너들이 단순 제작자에서 제품의 핵심 설계자로 거듭날 수 있는 구체적인 경로를 제시할 것으로 보입니다.

figma

Express Yourself with Figma Draw | Figma Blog (새 탭에서 열림)

피그마(Figma)의 연례 컨퍼런스인 'Config 2025'는 디자인의 한계를 넘어서는 기술적 혁신과 새로운 창의적 지평을 제시합니다. 인공지능(AI)의 심화된 통합과 고도화된 프로토타이핑 도구를 통해 디자이너와 개발자 사이의 간극을 줄이고, 브랜드 가치를 디지털 환경에서 더욱 강력하게 구현하는 데 초점을 맞추고 있습니다. **AI 기반의 디자인 워크플로우 혁신** * 단순 반복 작업을 넘어 디자인 의사결정을 보조하는 AI 기능을 강화하여 디자이너가 전략적인 창의성에 집중할 수 있는 환경을 조성합니다. * 데이터 기반의 디자인 추천 시스템과 자동화된 레이아웃 생성 기능을 통해 복잡한 인터페이스 설계 속도를 획기적으로 높입니다. **고해상도 프로토타이핑과 상호작용** * 실제 제품의 동작 방식을 완벽하게 모사할 수 있는 고급 프로토타이핑 기능을 도입하여 사용자 테스트의 정확도를 향상시킵니다. * 변수(Variables)와 조건부 로직을 활용해 디자인 단계에서 실제 애플리케이션에 가까운 복잡한 인터렉션을 구현할 수 있도록 지원합니다. **디자인 시스템과 브랜드 일관성 강화** * 브랜드 가이드를 디자인 시스템에 유연하게 녹여내어 다양한 플랫폼과 디바이스에서도 브랜드 아이덴티티가 일관되게 유지되도록 돕습니다. * 대규모 조직 내에서 디자인 자산의 배포와 업데이트를 중앙에서 효율적으로 제어할 수 있는 관리 도구를 확장합니다. **개발자 협업 및 핸드오프 최적화** * 디자인에서 코드로 전환되는 과정을 더 정교하게 다듬어 개발자가 별도의 해석 없이도 정확한 UI 구성 요소를 구현할 수 있게 합니다. * Dev Mode의 기능 고도화를 통해 디자인 스펙 확인부터 코드 추출까지의 전체 흐름을 더욱 매끄럽게 연결합니다. Config 2025는 디자인이 단순한 시각 작업을 넘어 비즈니스와 기술의 중심축으로 진화하고 있음을 보여줍니다. 이번에 발표된 AI 및 프로토타이핑 신기능들을 디자인 시스템에 적극적으로 도입하여 업무 효율성을 극대화하고, 더욱 복잡해지는 디지털 제품 환경에 선제적으로 대응해 보시기 바랍니다.

figma

How Headspace Built an AI Companion that Fosters Trust and Transparency | Figma Blog (새 탭에서 열림)

Headspace는 급격한 브랜드 성장과 제품 확장에 대응하기 위해 정적인 디자인 가이드를 넘어 유연하게 살아 움직이는 디자인 시스템을 구축했습니다. 이 시스템은 디자인과 엔지니어링 간의 간극을 좁히고, 다양한 플랫폼에서 일관된 사용자 경험을 제공하는 핵심 자산이 되었습니다. 단순히 UI 컴포넌트를 모으는 것을 넘어, 브랜드의 철학이 기술적으로 녹아들 수 있는 유연한 체계를 만든 것이 이번 여정의 핵심입니다. ### 시스템 구축의 배경과 필요성 * 기존의 파편화된 디자인 요소들로 인해 제품 전반에서 시각적 불일치가 발생하고 개발 효율이 저하되는 문제가 있었습니다. * 브랜드 리브랜딩 과정을 제품에 신속하게 반영하고, 빠르게 변화하는 시장 요구에 대응할 수 있는 확장 가능한 시스템이 필요했습니다. * '생동감(Breathing)'을 키워드로 삼아, 명상 앱 특유의 따뜻함과 유연함을 기술적으로 구현하는 것을 목표로 설정했습니다. ### 디자인 토큰을 통한 근본적 해결 * 색상, 타이포그래피, 간격 등 최소 단위의 디자인 속성을 '디자인 토큰(Design Tokens)'으로 정의하여 관리합니다. * iOS, Android, Web 등 서로 다른 플랫폼에서도 동일한 토큰 값을 참조하도록 설계하여 플랫폼 간 시각적 파편화를 방지했습니다. * 브랜드 색상이나 테마 변경 시, 개별 코드를 수정하는 대신 토큰 값만 변경하면 모든 플랫폼에 즉각 반영되는 자동화된 구조를 확보했습니다. ### 유연성과 규격의 균형을 맞춘 컴포넌트 설계 * 너무 엄격한 컴포넌트는 창의성을 저해하고, 지나치게 자유로운 컴포넌트는 일관성을 해친다는 점에 주목했습니다. * '슬롯(Slot)' 개념을 도입하여 컴포넌트의 기본 틀은 유지하되, 내부 콘텐츠는 목적에 따라 유연하게 교체할 수 있도록 설계했습니다. * 모든 컴포넌트 설계 단계에서 접근성(Accessibility)을 기본 원칙으로 삼아, 시각 장애나 색약이 있는 사용자도 불편함 없이 서비스를 이용할 수 있도록 지원합니다. ### 협업 문화와 시스템 거버넌스 * 디자인 시스템을 단순한 도구가 아닌 '공통의 언어'로 정의하고, 디자이너와 엔지니어가 동일한 명칭과 논리로 소통하는 문화를 정착시켰습니다. * Figma와 Storybook을 연동하여 문서화 과정을 자동화하고, 디자인 변경 사항이 엔지니어링 환경에 실시간으로 동기화되도록 구축했습니다. * 시스템 전담 팀을 통해 새로운 컴포넌트 제안을 검토하고 지속적으로 업데이트하는 거버넌스 모델을 확립하여 시스템이 도태되지 않고 유지되도록 관리합니다. Headspace의 사례는 디자인 시스템이 단순한 UI 라이브러리를 넘어, 브랜드의 정체성을 실시간으로 제품에 투영하는 생태계가 되어야 함을 보여줍니다. 효율적인 서비스 확장을 고민하는 팀이라면 기술적 토큰화와 유연한 컴포넌트 설계, 그리고 부서 간의 긴밀한 협업 프로세스를 동시에 구축하는 것이 중요합니다.

figma

How Figma Helps You Learn Figma | Figma Blog (새 탭에서 열림)

Figma를 효과적으로 활용하기 위한 핵심은 단순한 그리기를 넘어 시스템적인 사고를 디자인에 적용하는 데 있습니다. 이 글은 피그마의 3대 핵심 요소인 컴포넌트(Components), 제약 사항(Constraints), 스타일(Styles)을 통해 확장 가능하고 효율적인 디자인 시스템을 구축하는 방법을 제시합니다. 이를 마스터함으로써 디자이너는 반복적인 수작업에서 벗어나 변화에 유연하게 대응하는 완성도 높은 결과물을 만들 수 있습니다. ### 컴포넌트(Components): 재사용 가능한 디자인의 단위 * 자주 사용되는 UI 요소를 하나의 템플릿으로 만들어 관리하며, '메인 컴포넌트(Main Component)'를 수정하면 그에 딸린 모든 '인스턴스(Instance)'에 변경 사항이 즉시 반영됩니다. * 버튼, 아이콘, 내비게이션 바 등 반복되는 요소에 필수적이며 디자인 전반의 일관성을 유지하는 핵심 장치입니다. * 각 인스턴스에서 텍스트나 색상을 개별적으로 수정(Override)하더라도 메인 컴포넌트의 구조적 속성은 그대로 상속받으므로 유연한 디자인 작업이 가능합니다. ### 제약 사항(Constraints): 반응형 레이아웃의 기초 * 부모 프레임의 크기가 변할 때 내부 요소가 어떻게 위치하고 반응할지를 정의하는 규칙입니다. * 왼쪽(Left), 오른쪽(Right), 가운데(Center), 고정(Scale) 등의 옵션을 통해 웹이나 모바일의 다양한 화면 크기에 대응하는 적응형 디자인을 구현합니다. * 오토 레이아웃(Auto Layout)과 함께 사용하면 콘텐츠의 양에 따라 프레임 크기가 자동으로 조절되는 더욱 강력한 동적 UI를 설계할 수 있습니다. ### 스타일(Styles): 시각적 일관성과 관리의 효율화 * 색상(Color), 서체(Text), 효과(Effect), 그리드(Grid) 속성을 전역적으로 정의하여 프로젝트 전체에 일관된 브랜드 정체성을 부여합니다. * 수백 개의 화면을 작업하더라도 스타일 하나만 수정하면 연결된 모든 요소의 디자인이 한꺼번에 업데이트되어 유지보수 시간을 획기적으로 단축합니다. * 스타일 이름을 체계적으로 명명(예: Brand/Primary)함으로써 개발자에게 디자인 의도를 명확히 전달하고 협업의 효율성을 높일 수 있습니다. 이 세 가지 요소는 개별적으로 작동하는 것이 아니라 상호보완적으로 작용하여 강력한 디자인 워크플로우를 형성합니다. 피그마 입문자라면 먼저 스타일을 정의하고, 이를 바탕으로 제약 사항이 적용된 컴포넌트를 설계하는 연습을 통해 단순히 예쁜 화면이 아닌 '작동하는 디자인 시스템'을 구축해 보시길 추천합니다.

figma

Figma has confidentially submitted a draft S-1 with the SEC | Figma Blog (새 탭에서 열림)

피그마(Figma)의 CEO 딜런 필드와 Y Combinator의 CEO 개리 탄은 AI 시대의 디자인과 제품 개발이 나아가야 할 방향에 대해 심도 있는 대화를 나누었습니다. 이들은 AI가 인간의 창의성을 대체하는 것이 아니라, 창작자가 '몰입(Locking in)' 상태에 더 빨리 도달할 수 있도록 돕는 강력한 촉매제 역할을 할 것이라고 강조합니다. 결국 기술의 비약적인 발전 속에서도 변하지 않는 핵심은 제품의 본질적인 품질과 사용자의 문제를 깊이 있게 해결하려는 장인 정신에 있다는 것이 이들의 결론입니다. **'Locking In'의 힘과 몰입의 중요성** * 'Locking in'은 외부의 방해를 차단하고 오직 제품 개발과 디자인에만 극도로 집중하는 상태를 의미하며, 이는 위대한 제품을 만드는 창업자와 디자이너들의 공통된 특징입니다. * 딜런 필드는 피그마 초기 시절을 회상하며, 브라우저 기반의 그래픽 엔진을 구현하는 것과 같은 기술적 난제를 해결하기 위해 팀 전체가 목표에 완전히 몰입했던 경험이 회사의 근간이 되었음을 설명합니다. * 성공적인 스타트업은 단순히 유행을 따르는 것이 아니라, 특정 문제에 대해 깊이 파고들어 해결책을 찾아내는 집요한 몰입 과정을 거쳐야 합니다. **AI가 변화시키는 디자인 워크플로우** * AI는 디자이너가 빈 화면(Blank canvas)에서 느끼는 막막함을 해소해주며, 초안 작성 단계를 비약적으로 단축시켜 줍니다. * 이제 디자인의 핵심 역량은 직접 픽셀을 옮기는 작업에서 AI가 생성한 결과물을 비판적으로 검토하고 다듬는 '큐레이션'과 '편집'의 영역으로 이동하고 있습니다. * 단순하고 반복적인 UI 작업은 AI에게 맡기고, 디자이너는 사용자의 여정(User Journey)이나 전체적인 제품 전략과 같은 고차원적인 고민에 더 많은 시간을 할애할 수 있게 되었습니다. **AI 시대에 더욱 중요해진 '취향'과 '장인 정신'** * 누구나 AI를 통해 일정 수준 이상의 결과물을 낼 수 있게 됨에 따라, 결과물의 평균적인 수준은 올라갔으나 그만큼 '탁월한 품질'을 결정짓는 것은 결국 인간의 미적 감각과 세밀한 디테일입니다. * 개리 탄은 기술적 도구가 상향 평준화될수록 제품에 담긴 창작자의 고유한 비전과 철학이 시장에서 강력한 차별화 요소가 될 것이라고 주장합니다. * AI를 도구로 잘 활용하되, 최종적인 완성도와 사용자에게 주는 감동을 결정짓는 것은 여전히 인간의 '취향(Taste)'과 장인 정신임을 잊지 말아야 합니다. 기술적 환경이 급변하더라도 변하지 않는 것은 '사람들이 정말로 원하는 것'을 만드는 본질입니다. AI를 적극적으로 수용하여 작업 속도를 높이되, 그 여유 시간을 활용해 본질적인 몰입에 힘쓰고 제품의 디테일과 사용자 경험의 완성도를 높이는 데 집중할 것을 추천합니다.

figma

Meet the Makers Defining Tech’s Next Chapter | Figma Blog (새 탭에서 열림)

피그마(Figma)는 2025년 개최될 자사의 연례 컨퍼런스 'Config 2025'를 샌프란시스코와 싱가포르 두 도시에서 개최한다고 발표했습니다. 이번 확장은 전 세계 디자인 및 개발 커뮤니티의 접근성을 높이고, 지역적 한계를 넘어 글로벌 협업의 가치를 강조하기 위한 전략적 결정입니다. 컨퍼런스는 최신 제품 업데이트와 업계 통찰력을 공유하며 디자인과 코딩의 경계를 허무는 기술적 진보를 논의하는 장이 될 것입니다. ### 샌프란시스코와 싱가포르를 잇는 글로벌 확장 * 2025년 6월 11-12일 미국 샌프란시스코, 7월 2-3일 싱가포르에서 각각 대규모 오프라인 행사가 진행됩니다. * 아시아 태평양(APAC) 지역 사용자들의 높은 참여도와 피드백을 반영하여, 사상 처음으로 두 개의 주요 도시에서 대면 이벤트를 분산 개최하기로 결정했습니다. * 단순한 행사 복제가 아닌, 각 지역의 커뮤니티 특색을 반영하면서도 피그마가 추구하는 글로벌 디자인 생태계의 비전을 일관되게 전달하는 데 집중합니다. ### 발표자 모집과 핵심 논의 주제 * 전 세계의 혁신적인 실무자들을 대상으로 발표 세션 제안(Call for Speakers)을 받고 있으며, 디자인과 개발의 경계를 확장하는 창의적인 사례를 수집하고 있습니다. * 주요 세션은 디자인 시스템의 고도화, 개발 효율을 높이는 Dev Mode 활용법, 그리고 워크플로우에 깊숙이 통합된 AI 기술의 실전 적용 등을 다룰 예정입니다. * 기술적 도구 활용 능력(Hard Skill)뿐만 아니라 팀워크, 리더십, 조직 내 디자인 영향력 확대와 같은 소프트 스킬에 대한 심도 있는 논의도 포함됩니다. ### 포용적인 참여를 위한 커뮤니티 지원 * 참가 티켓의 얼리버드 판매를 통해 커뮤니티 구성원들이 합리적인 비용으로 행사에 참여할 수 있는 기회를 제공합니다. * 경제적 배경에 상관없이 다양한 인재들이 참여할 수 있도록 장학금 프로그램을 운영하여 행사의 다양성과 포용성을 강화합니다. * 현장 방문이 어려운 사용자들을 위해 주요 세션에 대한 온라인 스트리밍을 지원하며, 전 세계 어디서든 피그마의 새로운 소식을 실시간으로 접할 수 있게 합니다. Config 2025는 디자인과 개발의 접점에 있는 전문가들에게 가장 중요한 행사인 만큼, 참가를 희망하는 실무자들은 얼리버드 티켓팅 일정과 장학금 신청 기한을 미리 확인하는 것이 좋습니다. 자신의 지식을 공유하고 싶은 전문가라면 발표자 모집에 지원하여 글로벌 무대에서 영향력을 발휘할 기회를 확보하시기 바랍니다.

figma

Documentation That Drives Adoption | Design Systems 103 | Figma Blog (새 탭에서 열림)

디자인 시스템은 단순히 재사용 가능한 UI 컴포넌트 모음을 넘어, 조직이 제품을 설계하고 구축하는 방식에 대한 '단일 진실 공급원(Single Source of Truth)' 역할을 합니다. 이는 디자인 가이드라인, 코드 구성 요소, 브랜드 철학을 통합하여 디자이너와 개발자가 동일한 언어로 소통할 수 있는 기반을 제공합니다. 결국 잘 구축된 디자인 시스템은 제품의 일관성을 유지하면서도 개발 속도를 획기적으로 높여 조직 전체의 생산성을 극대화하는 결실을 가져옵니다. ### 디자인 시스템의 핵심 구성 요소 * **디자인 토큰(Design Tokens):** 색상, 타이포그래피, 간격, 그림자 등 디자인의 가장 기초적인 시각적 속성을 정의한 변수입니다. 플랫폼에 구애받지 않는 형태(JSON 등)로 관리되어 웹, iOS, 안드로이드 등 모든 환경에서 동일한 브랜드 아이덴티티를 유지하게 합니다. * **UI 컴포넌트 라이브러리:** 버튼, 입력창, 모달과 같이 독립적이고 재사용 가능한 요소들입니다. 각 컴포넌트는 디자인 파일(Figma 등)과 실제 동작하는 코드(React, Vue 등)가 1:1로 매칭되어야 합니다. * **패턴 및 가이드라인:** 컴포넌트를 조합하는 방법과 특정 상황에서의 사용자 경험(UX) 원칙을 정의합니다. 예를 들어, 오류 메시지를 노출하는 시점이나 폼 데이터를 검증하는 방식에 대한 규칙이 포함됩니다. * **문서화(Documentation):** 위 요소들이 왜 존재하고 어떻게 사용되어야 하는지 설명하는 '사용 설명서'입니다. 기술적 제약 사항과 디자인 의도를 명확히 기록하여 협업 시 발생하는 불필요한 커뮤니케이션을 줄입니다. ### 도입을 통한 효율성 개선과 가치 * **개발 및 디자인 속도 향상:** 이미 정의된 컴포넌트를 조립하는 방식으로 화면을 구성하기 때문에, 기초적인 UI 작업에 드는 시간을 줄이고 핵심 비즈니스 로직이나 사용자 경험 개선에 더 많은 시간을 할애할 수 있습니다. * **시각적 및 기능적 일관성:** 서로 다른 팀에서 개발하더라도 사용자는 제품 전체에서 동일한 인터페이스와 상호작용을 경험하게 됩니다. 이는 브랜드 신뢰도를 높이고 사용자의 학습 비용을 낮춥니다. * **기술 및 디자인 부채 감소:** 중복된 코드를 제거하고 표준화된 컴포넌트를 사용함으로써 유지보수가 용이해집니다. 시스템의 특정 부분을 수정하면 이를 사용하는 모든 화면에 변경 사항이 일괄 적용되어 관리 효율이 극대화됩니다. ### 성공적인 시스템 구축을 위한 전략 * **제품으로서의 접근:** 디자인 시스템은 한 번 만들고 끝나는 프로젝트가 아니라, 제품과 함께 진화하는 '살아있는 제품'으로 취급해야 합니다. 전담 팀을 구성하거나 지속적인 업데이트 프로세스를 마련하는 것이 중요합니다. * **원자적 디자인(Atomic Design) 방법론:** 최소 단위인 원자(Atoms)부터 분자(Molecules), 유기체(Organisms) 순으로 컴포넌트를 확장해 나가는 체계적인 구조를 채택하여 확장성을 확보해야 합니다. * **협업 문화의 정착:** 디자인 시스템은 도구가 아니라 문화입니다. 기획자, 디자이너, 개발자 모두가 시스템의 필요성에 공감하고 이를 준수하려는 노력이 동반되어야 실질적인 효과를 거둘 수 있습니다. 성공적인 디자인 시스템 구축을 위해서는 처음부터 모든 것을 완벽하게 만들려 하기보다, 실제 제품에서 가장 자주 쓰이는 핵심 컴포넌트부터 시작해 점진적으로 확장하는 방식을 추천합니다. 또한, 시스템이 창의성을 제한하는 제약이 되지 않도록 유연한 예외 처리 규칙을 함께 설계하는 것이 장기적인 운영의 핵심입니다.

figma

Why Developers Should Embrace Creative Coding Again | Figma Blog (새 탭에서 열림)

개발자가 디자인 프로세스에 능동적으로 참여하는 것은 단순한 협업을 넘어 제품의 완성도와 개발 효율성을 결정짓는 핵심 전략입니다. 디자인 초기 단계부터 개발자의 관점이 반영되면 기술적 제약을 미리 파악하고 불필요한 재작업을 방지하여 프로젝트의 전체적인 속도를 높일 수 있습니다. 궁극적으로 이러한 참여는 디자이너와 개발자 사이의 간극을 줄여 더 나은 사용자 경험과 견고한 제품 아키텍처 구축으로 이어집니다. **기술적 타당성 검토와 엣지 케이스 조기 발견** * 디자인 시안에서 간과하기 쉬운 로딩 상태, 에러 메시지, 데이터 부재(Empty state), 혹은 예상보다 긴 텍스트 입력 등 다양한 '엣지 케이스'를 개발자가 미리 정의할 수 있습니다. * 특정 인터랙션이나 복잡한 애니메이션이 런타임 성능에 미치는 영향을 사전에 평가하여, 실제 구현 단계에서의 병목 현상을 방지합니다. * 백엔드 API 구조와 프론트엔드 UI 사이의 데이터 정렬 상태를 미리 확인하여, 기술적으로 실현 불가능하거나 데이터 구조 변경이 필요한 디자인을 조기에 수정합니다. **핸드오프 병목 현상 제거와 생산성 향상** * 디자인이 완성된 후 일방적으로 전달받는 방식(Waterfall Handoff)에서 벗어나 제작 과정에 수시로 참여함으로써 소통 비용을 획기적으로 줄입니다. * Figma의 'Dev Mode'와 같은 도구를 적극 활용하여 디자인 의도를 코드로 정확하게 변환하고, 필요한 자산(Asset)과 속성값을 추출하는 과정을 자동화합니다. * 디자인 시스템의 컴포넌트 단위를 실제 개발 단계의 재사용 가능한 코드 컴포넌트와 일치시켜 일관성을 유지하고 중복 개발을 최소화합니다. **공통 언어 구축을 통한 협업 문화 개선** * 디자인 토큰(Color, Typography, Spacing 등)을 정의하는 과정에 참여하여 개발 환경과 디자인 환경이 동일한 명명 규칙을 공유하도록 만듭니다. * 디자이너에게 개발 제약 사항을 단순히 '안 된다'고 통보하는 것이 아니라, 기술적 대안을 제시함으로써 창의적인 문제 해결 과정을 함께 주도합니다. * 제품의 비즈니스 로직과 사용자 여정을 함께 고민하며 개발자가 단순한 구현자가 아닌 '제품 제작자'로서의 주체성을 가집니다. **실용적인 참여를 위한 추천** 개발자는 디자인 비평(Design Critique) 세션에 정기적으로 참여하여 기술적 관점의 피드백을 제공하는 것부터 시작해야 합니다. 또한, 디자인 시스템 구축 초기 단계에 개입하여 코드와의 동기화 방안을 논의하고, Figma와 같은 디자인 도구 내의 개발자용 기능을 숙달하여 디자인 의도를 코드로 해석하는 역량을 키우는 것이 중요합니다. 이러한 능동적인 태도는 팀 전체의 개발 속도를 높일 뿐만 아니라 최종 제품의 품질을 보장하는 가장 확실한 방법입니다.

figma

Updates to our pricing, seats, and billing experience | Figma Blog (새 탭에서 열림)

Figma는 독립적인 프리랜서와 에이전시의 특수한 업무 환경을 고려하여 과금 모델을 보다 합리적으로 개편하는 로드맵을 발표했습니다. 이번 개편은 여러 클라이언트 팀과 협업할 때 발생하는 복잡한 시트(Seat) 관리 문제를 해결하고, 비용 예측 가능성을 높이는 데 초점을 맞추고 있습니다. 이를 통해 외부 파트너와의 협업 과정에서 발생하는 운영상의 마찰을 줄이고, 보다 유연한 작업 환경을 제공할 계획입니다. **외부 협업자를 위한 시트 관리 체계 개선** * 다양한 조직의 팀에 참여하는 프리랜서들이 각 팀에서 중복으로 과금되거나 관리자가 의도치 않게 비용을 지불하게 되는 구조적 문제를 해결합니다. * 외부 협업자(Guest)에게 필요한 권한만 효율적으로 부여할 수 있도록 시트 유형(디자인 모드, 데브 모드 등)에 따른 관리 도구를 강화합니다. * 클라이언트와 에이전시 간의 권한 양도 및 시트 회수 프로세스를 간소화하여 관리 리소스를 절감합니다. **과금 투명성 및 예측 가능성 강화** * 새로운 로드맵에 따라 청구 주기 전에 시트 사용 현황을 명확히 파악할 수 있는 대시보드 기능을 확장합니다. * 에이전시가 여러 프로젝트를 동시에 수행할 때 전체 비용을 더 쉽게 추산할 수 있도록 요금제 간의 상호 운용성을 개선합니다. * 갑작스러운 인원 추가로 인해 발생하는 추가 요금(Overage)에 대한 알림 및 승인 절차를 세분화하여 예산 관리를 돕습니다. 프리랜서나 에이전시 운영자라면 향후 업데이트될 Figma의 '게스트 관리 설정'과 '팀별 권한 대시보드'를 적극 활용하여 불필요한 비용 발생을 사전에 방지하는 것이 좋습니다. 클라이언트와 협업을 시작할 때 어떤 유형의 시트가 필요한지 미리 정의하고, Figma가 제공할 새로운 로드맵의 가이드라인에 맞춰 협업 워크플로우를 재정비할 것을 권장합니다.

figma

Updating Our Web System For A New Era | Figma Blog (새 탭에서 열림)

피그마(Figma)는 브랜드의 정체성과 제품 경험 사이의 간극을 좁히기 위해 시각 언어를 대대적으로 진화시켰습니다. 기존의 정적인 도형 중심 시스템에서 벗어나, 사용자가 실제 툴을 다루는 방식과 상호작용을 반영한 역동적이고 표현력이 풍부한 디자인 시스템을 구축하는 것이 이번 변화의 핵심입니다. 결과적으로 피그마는 마케팅과 프로덕트 전반에서 일관성을 유지하면서도 창의적인 유연성을 확보할 수 있는 지속 가능한 시각 체계를 완성했습니다. **기하학적 기본 도형에서 확장된 시각 언어로의 진화** * 피그마의 초기 아이덴티티였던 단순한 원, 사각형 등의 기하학적 기본형(Primitives)을 유지하되, 이를 현대적인 감각에 맞게 재해석했습니다. * 단순히 로고나 색상을 바꾸는 것에 그치지 않고, 피그마라는 제품이 가진 '유연성'과 '정밀함'이라는 이중적 가치를 시각적으로 전달하는 데 집중했습니다. * 다양한 하위 브랜드와 캠페인이 하나의 통일된 목소리를 내면서도 각자의 개성을 드러낼 수 있도록 디자인 가이드라인을 세분화했습니다. **모션과 인터랙션을 통한 생동감 구현** * 정적인 이미지를 넘어, 제품 내부의 레이어나 커서의 움직임 같은 '과정'의 미학을 브랜드 디자인의 핵심 요소로 채택했습니다. * 모션을 브랜드의 부가 요소가 아닌 핵심 언어로 정의하여, 모든 시각 매체에서 피그마 특유의 협업 리듬과 속도감을 느낄 수 있도록 설계했습니다. * 3D 요소와 깊이감을 적절히 혼합하여 추상적인 소프트웨어의 기능을 보다 직관적이고 촉각적인 경험으로 변환했습니다. **브랜드와 프로덕트 디자인 시스템의 통합** * 마케팅을 위한 브랜드 디자인 시스템과 실제 제품을 위한 UI 디자인 시스템 간의 정렬(Alignment)을 강화했습니다. * 피그마의 최신 기능인 변수(Variables), 오토 레이아웃(Auto Layout), 컴포넌트 시스템을 브랜드 에셋 관리에 적극 도입하여 '피그마로 만드는 피그마'의 가치를 실현했습니다. * 이를 통해 디자이너와 마케터가 동일한 자산을 공유하며 협업 효율성을 극대화하고, 어떤 접점에서도 사용자에게 동일한 브랜드 인상을 심어줄 수 있게 되었습니다. **협업 중심의 디자인 문화 정착** * 이번 시각 언어의 진화 과정은 특정 팀의 독단적인 결정이 아니라, 브랜드, 제품, 마케팅 팀 간의 긴밀한 협업을 통해 이루어졌습니다. * 내부 피드백 루프를 시스템화하여 디자인 시스템이 실제 작업 환경에서 어떻게 작동하는지 끊임없이 검증하고 개선하는 과정을 거쳤습니다. * 이러한 과정 자체가 피그마가 지향하는 '개방적인 디자인 프로세스'를 상징하며, 도구가 브랜드의 철학을 직접 증명하는 사례가 되었습니다. 브랜드의 성장에 따라 시각 언어 역시 단순히 보기 좋은 것을 넘어 제품의 본질을 담아낼 수 있어야 합니다. 피그마처럼 브랜드와 제품 디자인 시스템을 유기적으로 연결하고, 자사 제품의 기능을 디자인 시스템 관리에 직접 활용하는 방식은 복잡한 프로덕트를 운영하는 팀들에게 훌륭한 벤치마킹 사례가 될 것입니다.

figma

Updates to how drafts work | Figma Blog (새 탭에서 열림)

Figma의 'Drafts(초안)' 업데이트는 개인의 아이디어 스케치 공간이었던 드래프트를 팀 및 조직의 영역으로 통합하여 협업의 연속성과 데이터 보안을 강화하는 데 목적을 두고 있습니다. 이제 드래프트는 단순한 개인 저장소를 넘어 팀 라이브러리와 원활하게 연결되며, 작업자가 조직을 떠나더라도 작업물이 유실되지 않도록 관리 체계 안에 머물게 됩니다. 이를 통해 디자이너는 초기 탐색의 자유로움을 유지하면서도, 조직 차원에서는 디자인 자산의 가시성과 거버넌스를 확보할 수 있게 되었습니다. **드래프트 위치의 변화와 협업 구조의 개선** - 과거 드래프트는 사용자의 개인 계정에 종속된 별도의 공간이었으나, 이제는 특정 팀이나 조직 내에 위치하게 됩니다. - 작업자가 퇴사하거나 팀을 옮기더라도 해당 드래프트 파일이 조직의 관리 하에 유지되어 지적 재산권 유실을 방지합니다. - '공유 전용 드래프트'와 같은 개념을 통해, 정식 프로젝트로 이동하기 전에도 팀원들과 더욱 빠르고 안전하게 아이디어를 공유할 수 있는 환경을 제공합니다. **팀 컨텍스트와의 결합 및 워크플로우 효율화** - 드래프트가 팀 공간 내에 존재하게 되면서, 해당 팀의 유료 기능이나 팀 라이브러리에 훨씬 더 쉽게 접근할 수 있습니다. - 개인 공간과 팀 공간 사이를 오가는 불필요한 맥락 전환(Context Switching)이 줄어들어 작업 속도가 향상됩니다. - 드래프트 단계에서 프로젝트 폴더로 파일을 이동하는 과정이 직관적으로 변하여, 아이디어가 구체화되었을 때 정식 자산으로 전환하는 허들이 낮아졌습니다. **관리자 통제권 및 보안 거버넌스 강화** - 조직의 관리자는 이제 드래프트 내에 존재하는 파일들을 가시적으로 파악하고, 전사적인 보안 정책을 일관되게 적용할 수 있습니다. - 외부 공유 링크 관리나 콘텐츠 복제 제한 등의 보안 설정이 드래프트 단계부터 적용되어 데이터 유출 리스크를 최소화합니다. - 조직 전체의 스토리지 사용량을 더 정확하게 파악할 수 있으며, 불필요한 파일들을 체계적으로 정리할 수 있는 기반을 마련했습니다. 이러한 변화는 디자인 작업의 '시작' 단계부터 협업의 가능성을 열어두는 전략적 선택입니다. 디자이너는 여전히 혼자만의 실험 공간을 가질 수 있지만, 그 공간이 조직의 인프라 안에서 보호받고 지원받음으로써 결과적으로 더 견고한 디자인 시스템을 구축하는 밑거름이 됩니다. 따라서 개인 작업물을 정기적으로 팀 드래프트에 동기화하고, 프로젝트 성숙도에 따라 폴더 구조를 적극적으로 활용하는 방식의 업무 습관을 권장합니다.