Techlist.io - 한국 테크 블로그 큐레이터

figma3분 읽기큐레이션 요약

피그마의 첫

Figma는 브라우저에서 복잡한 그래픽을 빠르게 처리하면서도 여러 사용자가 동시에 작업할 수 있는 디자인 도구를 만들겠다는 목표로 첫해를 보냈다. 초기에는 “장난감”이라는 평가와 기술적 한계에 대한 의심이 있었지만, 멀티플레이어 편집과 컴포넌트·디자인 시스템 기능을 통해 협업 도구로서의 가치를 입증했다. 또한 성능 개선과 Sketch 가져오기 기능을 강화하며 기존 디자인 워크플로에 쉽게 편입되는 제품으로 발전했다. ## 브라우저 기반 디자인 도구의 도전 - 웹 브라우저에서 복잡한 그래픽을 렌더링하면서도 높은 성능을 유지해야 했다. - 기존 디자인 도구에 익숙한 디자이너들이 새로운 협업 방식을 신뢰하도록 설득해야 했다. - 초기에는 Figma를 실제 업무용 도구가 아닌 “장난감”으로 보는 시선이 있었다. - Figma는 디자이너, 엔지니어, 제품 관리자와 대화하며 규모가 커지는 팀의 요구를 파악했다. ## 빠른 제품 개선과 성능 투자 - 출시 후 작업 흐름을 단순화하고 제품 완성도를 높이기 위해 수많은 기능과 업데이트를 배포했다. - 파일 로딩과 그래픽 렌더링 속도를 높이는 데 상당한 엔지니어링 자원을 투입했다. - Sketch 파일을 Figma로 가져오는 기능을 지속적으로 개선해 사용자가 기존 작업물을 처음부터 다시 만들지 않도록 했다. - 업데이트가 매우 빠르게 진행되어 사용자가 모든 변화를 따라가기 어려울 정도였으며, 첫해를 기념해 주요 발전 사항을 한곳에 정리했다. ## 실시간 협업과 단일 진실 공급원 - 2016년 9월 28일 멀티플레이어 편집 기능을 공개했다. - 디자인 도구에서 여러 사람이 동시에 편집하는 방식은 당시 새로운 개념이었고, 디자이너들 사이에서도 찬반 논쟁이 있었다. - 실제 사용 사례로는 다음과 같은 협업이 가능해졌다. - 촉박한 일정 안에서 여러 디자이너가 함께 제품을 완성 - 세계 각지의 예비 디자이너 멘토링 - 더욱 효율적인 디자인 리뷰와 비평 - 멀티플레이어의 가장 큰 장점은 단순한 동시 편집이 아니라 팀의 **단일 진실 공급원(single source of truth)** 을 제공하는 데 있다. - 하나의 URL로 디자인을 공유할 수 있고, 파일이 수정되어도 URL은 유지된다. - 이에 따라 파일을 복사하거나 최신 버전을 확인하고 디자인 자산을 동기화하는 복잡한 과정이 줄어든다. - 카피라이터는 디자인 안에서 문구를 직접 시험할 수 있고, 개발자는 디자인 속성을 확인해 코드로 옮길 수 있으며, 제품 관리자는 별도 메시지 없이 프로젝트 상태를 파악할 수 있다. - 여러 사람이 오래된 파일을 사용하거나 서로의 작업을 덮어쓰는 문제도 줄어든다. ## 컴포넌트와 확장 가능한 디자인 시스템 - 2016년 12월 8일 컴포넌트 기능을 출시했다. - 제품이 커질수록 상태 표시줄, 내비게이션 메뉴, 아이콘처럼 반복되는 UI 요소를 여러 파일과 팀원 사이에서 일관되게 관리해야 한다. - 컴포넌트를 사용하면 기본 요소를 수정했을 때 관련 디자인에 변경 사항을 일관되게 반영할 수 있다. - 디자이너가 모든 화면을 수동으로 찾아 업데이트해야 하는 부담을 줄여 준다. - **컴포넌트 오버라이드**를 통해 개별 인스턴스의 색상이나 텍스트 폰트 등 특정 속성만 바꿀 수 있다. - 개별 화면에 필요한 차이를 허용하면서도 전체 디자인 시스템과의 연결은 유지할 수 있다. - 2017년 2월 15일에는 여러 파일과 팀에서 컴포넌트를 공유하기 위한 Team Library 베타를 공개했다. ## 실용적인 결론 Figma의 첫해 성장은 단순히 기능을 많이 추가한 결과가 아니라, 디자인 파일을 팀 전체가 함께 사용하는 중앙 작업 공간으로 바꾼 데서 비롯됐다. 협업이 중요한 팀이라면 실시간 편집뿐 아니라 공유 URL, 최신 버전 유지, 컴포넌트 재사용, 기존 Sketch 자산의 이전 가능성까지 함께 고려하는 것이 Figma식 워크플로의 핵심이다.

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

Figma의 2단계 인증

Figma는 2017년 계정 보안을 강화하기 위해 2단계 인증(2FA)을 도입했다. 비밀번호가 유출되더라도 SMS나 인증 앱을 통한 추가 인증으로 계정을 보호할 수 있으며, 새 기기 로그인이나 로그아웃 후 재로그인 시 인증이 요구된다. 인증 상태는 21일간 유지되고, 휴대전화를 잃어버렸을 때 사용할 복구 코드도 제공된다. ## 2단계 인증 도입 배경 - 로그인 자격 증명이 유출되더라도 계정을 안전하게 보호하기 위한 추가 보안 수단이다. - 사용자가 계정 데이터 보호 수준을 직접 선택할 수 있도록 보안 옵션을 확대했다. ## 인증 방식 - Figma 계정 설정에서 2FA를 활성화할 수 있다. - 로그인 코드는 다음 방식 중 하나로 받을 수 있다. - SMS - Google Authenticator 같은 인증 앱 - 모든 종류의 휴대전화에서 사용할 수 있도록 설계됐다. ## 복구 코드와 계정 복구 - 계정 설정 페이지에서 2FA 복구 코드를 확인할 수 있다. - 휴대전화를 분실하거나 인증 앱에 접근할 수 없을 때 복구 코드를 사용해 인증할 수 있다. - 복구 코드는 휴대전화 분실 전에 안전한 장소에 기록해 두어야 한다. ## 인증이 요구되는 시점 - 사용자가 로그아웃한 뒤 다시 로그인할 때 2FA 인증이 필요하다. - 새로운 기기에서 로그인할 때도 추가 인증을 요구한다. - 로그인 후 인증 상태는 21일 동안 유지되며, 이후 다시 인증해야 한다. ## 실용적인 권장 사항 - 계정에 민감한 디자인 파일이나 협업 자료가 있다면 2FA를 활성화하는 것이 좋다. - SMS보다 인증 앱을 우선 고려하고, 복구 코드는 비밀번호 관리자 등 안전한 장소에 별도로 보관하는 것이 바람직하다.

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

데이터독에서 솔루션 엔지니어로 일한다는 것 (새 탭에서 열림)

Datadog의 솔루션 엔지니어는 기술적 전문성과 고객 커뮤니케이션 능력을 결합하여 제품의 기술적 문제를 해결하고 발전을 이끄는 핵심적인 가교 역할을 수행합니다. 이들은 고객의 복잡한 기술 요구사항을 해결하는 동시에 내부 개발 팀과의 긴밀한 협업 및 임베딩 프로그램을 통해 지속적으로 기술 역량을 확장해 나갑니다. 결과적으로 솔루션 엔지니어링 직무는 개인의 적성에 따라 순수 엔지니어링, 제품 관리(PM), 또는 세일즈 엔지니어링 등 다양한 커리어 경로로 성장할 수 있는 유연한 토대를 제공합니다. **솔루션 엔지니어의 기술적 업무 범위** * 고객이 제품 사용 중 겪는 다양한 기술적 문제(에이전트 설정, 통합 구성, 대시보드 시각화, 얼럿 버그 등)를 티켓 시스템을 통해 해결합니다. * 단순한 상담을 넘어 직접 소스 코드를 분석하고, 필요에 따라 버그를 수정하거나 기술적 조사를 수행하는 심도 있는 엔지니어링 역량이 요구됩니다. * 고객의 요구를 정확히 이해하기 위해 멀티태스킹 능력을 발휘하며, 리눅스(Linux), 루비(Ruby), SQL 쿼리 등 폭넓은 기술 스택을 활용합니다. **고객 경험과 제품 개선의 연결** * 실시간 채팅과 기술 콜을 통해 고객과 직접 소통하며, 사용자가 필요로 하는 새로운 기능에 대한 피드백을 가장 먼저 수집하여 제품 개선에 기여합니다. * 문제가 즉각 해결되기 어려운 경우 창의적인 단기 우회 방법(Workaround)을 제시하며, 이 과정을 통해 제품의 내부 구조에 대한 깊은 지식을 습득합니다. * 문서화 작업을 통해 내부 지식을 공유하고, 고객이 스스로 문제를 해결할 수 있는 환경을 구축하는 데 동참합니다. **역량 강화를 위한 임베딩 프로그램과 프로젝트** * '임베딩(Embedding)' 제도를 통해 솔루션 엔지니어가 다른 엔지니어링 팀에 2주간 완전히 합류하여 실제 스프린트 업무를 수행하며 내부 설계 방식과 기술적 도전 과제를 경험합니다. * 업무 숙련도가 높아지면 데모 환경 개선이나 내부 프로세스 자동화와 같은 사이드 프로젝트를 주도적으로 수행할 수 있는 권한이 주어집니다. * 개별 엔지니어의 성향에 맞춰 코딩 중심의 프로젝트나 제품 기능 구현 등 커리어 경로를 맞춤형으로 설계할 수 있도록 지원합니다. Datadog의 솔루션 엔지니어 직무는 빠르게 변화하는 기술 환경에서 고객과 직접 소통하며 실질적인 문제를 해결하고 싶은 개발자에게 적합합니다. 기술적 깊이를 더하는 동시에 제품의 비즈니스적 가치를 함께 고민하고 싶은 분들에게 강력히 추천되는 커리어 경로입니다.

datadog3분 읽기큐레이션 요약

Datadog의 솔루

Datadog은 Gartner의 「Observability Platforms」 매직 쿼드런트에서 Leader로 선정되었다고 소개합니다. 제공된 내용은 세부 평가 기준이나 보고서 분석보다는 Datadog의 관측성·보안·개발·AI 제품군을 폭넓게 나열하는 소개 페이지에 가깝습니다. Datadog은 인프라부터 애플리케이션, 로그, 사용자 경험, 소프트웨어 제공, 보안, AI까지 통합 플랫폼으로 제공하는 전략을 강조합니다. ### Gartner 매직 쿼드런트 Leader 선정 - Datadog이 Gartner의 「Magic Quadrant for Observability Platforms 2026」에서 Leader로 평가받았다는 내용을 전면에 내세웁니다. - 제공된 본문에는 Gartner의 평가 점수, 경쟁사 비교, 선정 근거, 강점과 주의점 등 구체적인 분석은 포함되어 있지 않습니다. - 따라서 이 자료만으로는 Leader 선정의 세부 배경보다는 Datadog의 공식 홍보 메시지를 확인할 수 있습니다. ### 인프라 및 클라우드 모니터링 - 인프라 모니터링과 메트릭 수집을 통해 호스트와 시스템 상태를 추적합니다. - 컨테이너, Kubernetes, 네트워크, 서버리스 환경을 지원합니다. - 클라우드 비용, 스토리지, GPU 모니터링과 Cloudcraft를 통해 인프라 구성과 비용까지 관리하는 범위를 제시합니다. ### 애플리케이션 성능 관측 - APM(Application Performance Monitoring)으로 애플리케이션과 서비스의 성능을 분석합니다. - Universal Service Monitoring, Continuous Profiler, Dynamic Instrumentation 등을 통해 서비스 의존성, 실행 프로파일, 런타임 동작을 파악합니다. - AI 에이전트 관측 기능을 별도 제품 영역으로 제공해 AI 기반 시스템의 동작도 모니터링 대상으로 포함합니다. ### 로그 및 데이터 관측 - Log Management로 로그를 수집·검색·분석합니다. - Sensitive Data Scanner를 통해 로그나 관측 데이터에 포함된 민감정보를 탐지합니다. - Observability Pipelines를 사용해 데이터의 수집, 필터링, 라우팅을 제어할 수 있습니다. - Database Monitoring, Data Streams Monitoring, 데이터 품질 및 작업 모니터링 등 데이터 계층의 상태도 관리합니다. ### 보안 플랫폼 통합 - 코드 보안, SAST, IAST, 소프트웨어 구성 분석, IaC 보안 등 개발 단계의 보안을 지원합니다. - 클라우드 보안, 취약점 관리, 권한 관리, 규정 준수, Cloud SIEM, 워크로드 보호를 제공합니다. - 애플리케이션·API 보호와 시크릿 스캐닝까지 포함해 관측성과 보안을 하나의 플랫폼에서 연결하려는 방향을 보여줍니다. ### 디지털 경험 및 사용자 관측 - Browser RUM과 Mobile RUM으로 실제 사용자의 웹·모바일 경험을 측정합니다. - Session Replay를 통해 사용자 세션을 재현하고, Product Analytics와 Experiments로 사용자 행동과 제품 변화를 분석합니다. - Synthetic Monitoring, 모바일 앱 테스트, 오류 추적 등을 통해 실제 사용자 데이터와 사전 테스트 데이터를 함께 활용합니다. ### 소프트웨어 제공과 서비스 운영 - CI Visibility, 테스트 최적화, 지속적 테스트, 코드 커버리지로 CI/CD 과정의 품질과 속도를 관찰합니다. - 내부 개발자 포털, 소프트웨어 카탈로그, 기능 플래그 등을 통해 개발자 경험과 서비스 관리도 지원합니다. - 이벤트 관리, SLO, 인시던트 대응, 워크플로 자동화로 장애 대응과 운영 프로세스를 연결합니다. ### AI 기반 운영 자동화 - Bits AI Agents, Bits Chat, Bits Investigation 등을 통해 장애 조사와 운영 작업을 AI로 보조합니다. - MCP Server, Agent Builder, Agent Directory 등을 제공해 외부 도구와 AI 에이전트를 연결할 수 있도록 합니다. - GPU Monitoring과 Agent Observability를 통해 AI 인프라와 AI 에이전트 자체의 성능·상태를 관측합니다. Datadog의 메시지는 단일 모니터링 도구보다 인프라, 애플리케이션, 로그, 사용자 경험, 보안, 개발·운영, AI를 하나의 플랫폼으로 통합하는 데 초점이 있습니다. 다만 실제 도입을 검토할 때는 Gartner 보고서 원문에서 평가 기준과 한계를 확인하고, 데이터 보존 비용·기존 도구와의 통합성·조직 규모별 가격을 별도로 비교하는 것이 좋습니다.

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

해커톤이 테크 디

해커톤은 디자이너를 기술 업계로 유입시키는 효과적인 통로가 될 수 있지만, 기존 개발자 중심 문화 때문에 디자이너들이 애초에 자신을 위한 행사라고 느끼지 못한다. Hack@Brown의 사례는 브랜딩 개선, 디자인 전용 시상, 적극적인 참가자 모집과 기업 멘토링을 통해 이 장벽을 낮출 수 있음을 보여준다. 따라서 디자이너 부족 문제를 해결하려면 해커톤 주최자뿐 아니라 기술 기업도 직접 디자이너를 찾아가고 성장 경로를 제시해야 한다. ## 디자이너에게 해커톤이 필요한 이유 - 해커톤은 짧은 시간 안에 팀을 구성하고 아이디어를 제품으로 발전시키는 행사다. - 디자이너는 해커톤에서 다음과 같은 경험을 얻을 수 있다. - 엔지니어와 협업 - 제품 아이디어 구상과 빠른 반복 - 화면과 플랫폼 제약을 고려한 디자인 - 이론적으로는 기술 업계의 디자이너 채용을 위한 자연스러운 인재 발굴 경로가 될 수 있다. - 그러나 실제 해커톤은 개발자 중심의 분위기와 이미지가 강해, 디자이너들이 자신은 어울리지 않는다고 생각하기 쉽다. ## Hack@Brown의 디자이너 유치 전략 - Brown University의 Hack@Brown은 약 500명이 참여하는 대학 해커톤으로, 디자인 전공 학생을 적극적으로 끌어들이는 모델을 제시했다. - RISD 학생들 중에는 코딩을 못하면 참여할 수 없거나, 기술 기업에서 일하는 것을 “매도”처럼 여기는 인식이 있었다. - 주최 측은 이를 바꾸기 위해: - 행사 브랜딩을 더 전문적이고 디자인 친화적으로 개편 - UX·UI 분야를 위한 별도 상금 마련 - 전국 디자인 동아리에 직접 연락 - 참가자의 프로비던스 왕복 교통비 지원 - 디자인 전공자를 운영진에 더 많이 포함 - 그 결과 디자인 참가자는 2013년 15~20명에서 2017년 100명 이상으로 증가했고, 전체 참가자의 약 20%를 차지했다. ## 기술 업계로 가는 보이지 않는 경로 - 엔지니어에게는 학습 방법과 취업으로 이어지는 비교적 명확한 경로가 있지만, 기술 업계의 제품 디자이너가 되는 과정은 덜 정립되어 있다. - 디자이너가 해커톤에 참여하더라도 개발자 채용 부스만 보이면 자신이 환영받지 못한다고 느낄 수 있다. - 한 참가자는 행사장이 엔지니어 중심이라는 인상을 받자 곧바로 떠나기도 했다. - 따라서 기업이 디자이너가 있는 곳으로 직접 찾아가야 한다는 주장이 제기된다. - 제품 디자이너가 될 가능성이 있는 학생을 발굴 - 현업 디자이너를 멘토로 파견 - 참가자에게 직무와 채용 경로를 설명 - Hack@Brown 운영자였던 Atty Eleti도 행사에서 현업 디자이너를 만나 자신의 진로를 엔지니어에서 디자이너로 전환했다. 잠재력을 알아보고 격려해 주는 한 번의 만남이 진로 형성에 결정적일 수 있다는 사례다. ## 해커톤에서 채용으로 이어지는 퍼널 - Hack@Brown은 단순한 행사 참여를 넘어 기업과 학생을 연결하는 채용 퍼널로 발전했다. - Facebook 등 기술 기업은 행사에 멘토를 보내 잠재력 있는 학생을 만나고, 이후 후속 통화나 캠퍼스 방문으로 관계를 이어갔다. - 당시 기술 기업들은 디자이너 채용을 크게 늘리고 있었다. - Facebook의 디자이너 채용 목표가 과거보다 크게 증가 - LinkedIn과 Dropbox는 엔지니어 4~5명당 디자이너 1명 수준의 채용 비율을 목표로 설정 - IBM과 GE도 디자이너 대규모 채용을 추진 - 해커톤 참가자 상당수는 기술·제품 디자인 업계 진입에 불안을 느꼈지만, 기업 입장에서는 아직 발굴되지 않은 인재가 풍부한 공간이었다. 해커톤이 디자이너 부족 문제의 만능 해결책은 아니지만, 행사를 개발자만의 공간이 아니라 디자이너와 엔지니어가 함께 제품을 만드는 공간으로 설계한다면 강력한 인재 발굴 경로가 될 수 있다. 주최자는 디자인 친화적인 환경을 만들고, 기업은 현업 디자이너를 파견해 참가자에게 구체적인 진로와 채용 기회를 보여주는 것이 좋다.

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

디자인하는 여성들 | 피

여성 디자이너가 부족하다는 업계의 주장은 실제 인재를 찾으려는 노력이 부족해서 생긴 핑계일 수 있다. 이 글은 여성 디자이너 목록인 **Women Who Design**과 이를 촉발한 트위터 캠페인을 통해, 뛰어난 여성 인재가 이미 널리 존재하며 적극적으로 찾아야 한다고 주장한다. 다만 성별을 기준으로 인재를 분류하는 일이 편견을 강화할 수 있다는 역설도 함께 제기한다. ## 여성 기술 인재를 찾기 어려운 이유는 ‘부재’가 아니라 ‘가시성’이다 - 기술 업계에서 여성 인재가 남성보다 주목받지 못하는 현상은 널리 알려져 있다. - 여성 기술 인재 1,000명의 목록이나 여성 벤처 투자자 목록처럼, 기존의 인맥과 추천 구조에서 가려진 인재를 드러내려는 시도가 이어졌다. - 이런 목록이 성차별을 즉시 해결하지는 못하지만, “적합한 여성이 없다”는 주장이 사실이 아님을 보여준다. ## Women Who Design 웹사이트 - 세쿼이아의 프로덕트 디자이너 Jules Forrest가 업계 추천을 바탕으로 여성 디자이너를 모은 웹사이트를 만들었다. - 사용자는 다음과 같은 분야별 필터로 인재를 탐색할 수 있다. - 창업자 - UX 리서치 - 제품 디자인 등 - 이 사이트는 채용뿐 아니라 팔로우할 사람, 함께 일하고 싶은 사람, 롤모델을 찾는 자료로도 활용될 수 있다. - 이후에는 추천 양식을 추가해 목록을 지속적으로 확장할 계획이었다. - 공개 목록에 포함되기를 원하지 않는 사람을 위해 이메일을 통한 제외 요청도 제공했다. ## 트위터에서 시작된 대규모 추천 - Shopify 디자인 리드 Helen Tran은 디자인 인플루언서를 이야기할 때 남성만 언급되는 상황에 문제를 제기했다. - 그녀는 팔로워들에게 존경하는 여성 디자이너를 추천해 달라고 요청했다. - 트윗은 며칠 만에 다음과 같은 반응을 얻었다. - 리트윗 256회 - 좋아요 704회 - 답글 368개 - 450명 이상의 여성 디자이너 추천 - 버즈피드 디자인 부사장과 구글 벤처스 디자인 파트너 등 업계 주요 인사들도 참여했다. - 단순한 질문 하나가 여성 프로덕트 디자이너가 업계 곳곳에 존재한다는 사실을 가시화했다. ## 목록화의 효과와 한계 - 공개된 인재 목록은 채용 담당자가 새로운 후보자를 찾는 데 실질적인 도움을 줄 수 있다. - 젊은 여성 디자이너에게는 자신과 비슷한 동료와 업계 리더를 발견하는 기회가 된다. - 반면 “여성 디자이너”라는 분류가 개인의 역량보다 성별을 먼저 보게 만들 위험도 있다. - 당사자가 성별 정체성으로 분류되는 것을 불편해하거나, 개인정보가 검색 가능한 상태가 되는 것을 원하지 않을 수도 있다. - 따라서 포용성을 높이기 위한 분류가 오히려 새로운 편견이나 불편을 만들지 않도록 당사자의 선택권을 보장해야 한다. ## 업계의 오래된 핑계를 넘어 - “여성 연사가 없다”, “여성 팀 리더 후보가 없다”, “자격을 갖춘 여성이 없다”는 주장은 충분히 찾지 않았다는 뜻일 수 있다. - 인재를 찾는 조직은 기존 네트워크에만 의존하지 말고 공개 커뮤니티, 추천, 전문 목록 등을 적극적으로 활용해야 한다. - 여성 인재의 가시성을 높이는 일은 채용의 다양성뿐 아니라 업계의 롤모델과 영향력 구조를 바꾸는 데도 기여한다. 실무적으로는 성별 균형 목표를 세우는 데 그치지 말고, 다양한 후보자 풀이 실제로 존재하는지 조사하고 공개 추천·커뮤니티·전문 디렉터리를 채용 과정에 포함하는 것이 바람직하다.

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

안드로이드용 피그마 미

Figma는 2017년 5월, 디자인을 Android 기기에서 실시간으로 확인할 수 있는 **Figma Mirror for Android**를 출시했다. 컴퓨터에서 선택한 프레임과 수정 사항이 모바일 앱에 즉시 반영되어 실제 기기에서 디자인을 검토할 수 있으며, 앱을 설치하지 않고 모바일 브라우저로도 같은 기능을 사용할 수 있다. Android 사용자가 전 세계 스마트폰 사용자에서 큰 비중을 차지한다는 점을 고려한 제품 확장이다. ## Android용 Figma Mirror 출시 - 기존 iOS용으로 제공되던 Figma Mirror를 Android로 확대했다. - Android 사용자는 Google Play에서 앱을 내려받아 Figma 디자인을 모바일 기기에서 확인할 수 있다. - 이 기능은 특히 Android 앱을 디자인하는 디자이너가 실제 기기 환경에서 결과물을 검토하는 데 유용하다. ## 컴퓨터와 모바일의 실시간 디자인 동기화 - 컴퓨터에서 Figma 파일의 특정 프레임을 선택하면 해당 화면이 Android 앱에 표시된다. - 컴퓨터에서 디자인을 수정하면 변경 사항이 모바일 미러 화면에 즉시 반영된다. - 별도의 내보내기나 파일 전송 없이 디자인과 실제 모바일 화면을 빠르게 비교할 수 있다. - 이를 통해 모바일 레이아웃, 화면 비율, 인터랙션 결과 등을 작업 중에 확인할 수 있다. ## 모바일 브라우저를 통한 미러링 - 앱을 설치하고 싶지 않은 사용자는 모바일 브라우저에서 `figma.com/mobile-app`에 접속할 수 있다. - 브라우저 기반 방식도 앱과 동일하게 Figma 디자인을 모바일 기기에 표시한다. - Android뿐 아니라 앱 설치가 제한된 환경에서도 접근성을 높인 방식이다. ## Android 디자인을 위한 프레임 프리셋 - Figma는 여러 인기 Android 기기에 맞춘 화면 크기 프리셋을 제공한다. - 디자이너는 기기 해상도와 비율을 직접 계산해 처음부터 프레임을 만들 필요가 없다. - 실제 타깃 기기와 유사한 프레임에서 디자인을 시작해 프로토타입 검토를 효율화할 수 있다. ## Android 시장을 고려한 제품 확장 - 글에서는 Android가 당시 미국 스마트폰 사용자 중 52%, 전 세계적으로는 82%를 차지한다고 설명한다. - 따라서 Android 지원은 일부 사용자를 위한 기능 추가가 아니라, 대규모 모바일 사용자와 디자이너를 포괄하기 위한 중요한 확장이다. - iOS와 Android 모두에서 실제 기기 기반 검토가 가능해지면서 Figma의 모바일 디자인 검증 범위가 넓어졌다. 실무에서는 Android용 프레임 프리셋으로 디자인을 시작한 뒤 Figma Mirror 또는 모바일 브라우저에서 실제 기기 화면을 확인하는 방식을 추천한다. 이를 통해 데스크톱 미리보기만으로는 발견하기 어려운 크기, 비율, 여백 문제를 조기에 수정할 수 있다.

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

Figma를 이끌 새로운 얼굴

Figma는 디자인 협업 도구에 대한 수요가 커지는 가운데, 사업의 다음 단계로 성장하기 위해 핵심 리더 두 명을 영입했다고 발표했다. Atlassian 출신 Eric Wittman은 첫 COO로서 운영·수익·시장 진출 전략을 맡고, Asana 출신 Kris Rasmussen은 엔지니어링 부사장으로 기술 조직과 제품 개발을 이끈다. 이들의 합류를 통해 Figma는 협업 중심의 제품 비전을 강화하고 회사 확장에 필요한 조직 역량을 갖추려 한다. ## 디자인 협업 도구 시장의 성장 - 기술 산업이 성숙하면서 고객이 사랑하는 제품을 만들기 위한 디자인의 중요성이 커지고 있다. - IBM과 GE 같은 대기업이 디자이너를 적극적으로 채용하고, Facebook은 엔지니어 4~5명당 디자이너 1명을 두는 방향을 추진하고 있다. - 그러나 디자이너가 실제 업무에서 사용하는 기술과 도구는 이러한 수요를 충분히 따라가지 못하고 있다. - Figma는 여러 사람이 함께 작업할 수 있도록 협업을 쉽게 만드는 것을 제품 전략의 핵심 기준으로 삼고 있다. ## Eric Wittman의 COO 합류 - Eric Wittman은 Atlassian에서 개발자 도구 사업을 이끌었으며, Bitbucket 운영 경험을 보유하고 있다. - Figma의 첫 COO로서 다음 업무를 담당한다. - 채용과 재무 등 회사 운영 프로세스 확장 - 시장 진출(GTM) 전략 - 매출과 수익 모델 관리 - 회사 전략 및 가치 정립 - 합류 초기부터 Figma의 가격 정책을 출시하고 회사 전략과 가치를 구체화하는 데 기여했다. - Macromedia 고객지원에서 시작해 Flash 제품관리 책임자까지 성장했으며, Songbird CEO와 Atlassian 개발자 도구 총괄을 거쳤다. - 운영과 사업 전문가이면서도 제품에 깊은 관심을 가진 인물이라는 점이 Figma와 잘 맞는다고 평가받았다. ## Kris Rasmussen의 엔지니어링 리더십 - Kris Rasmussen은 처음에는 주 2일 근무하는 파트타임 계약자로 Figma에 합류했다. - 짧은 근무 시간에도 팀 내에서 자연스럽게 리더 역할을 하며 다음과 같은 기여를 했다. - 논쟁이나 의견 충돌이 있을 때 핵심 쟁점을 제시 - 팀이 결정을 내리고 업무를 진전시키도록 지원 - 조용하지만 영향력 있는 방식으로 팀을 이끔 - Asana 초기 엔지니어링 조직을 이끌며 협업 제품의 인프라 구축과 팀 운영을 경험했다. - Aptana에서 웹 애플리케이션 개발자 도구의 엔지니어링 확장을 담당했고, 개인 프로젝트로 3D 그래픽 애플리케이션도 개발했다. - Figma에서는 세계적 수준의 기술 조직을 구축하고 여러 엔지니어링 프로젝트를 총괄한다. ## 성장 단계에 맞춘 조직 확장 - Figma는 제품을 만드는 것뿐 아니라, 빠르게 성장할 수 있는 운영·수익·기술 조직을 함께 구축하려 한다. - COO 영입으로 사업 전략과 운영 체계를 강화하고, 엔지니어링 부사장 영입으로 기술 인프라와 개발 조직의 확장을 추진한다. - 두 리더 모두 협업형 소프트웨어 기업에서 성장 경험을 쌓았다는 공통점이 있다. - 회사는 엔지니어, 디자이너, 작가, 제품 관리자 등 디자인에 열정을 가진 인재를 추가로 채용할 계획이다. Figma의 사례는 제품 비전이 명확한 초기 기업이 성장 국면에 진입할 때, 제품을 이해하는 사업 리더와 협업 기술에 경험이 있는 엔지니어링 리더를 함께 영입하는 전략을 보여준다.

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

에어비앤비 존 골

에어비앤비의 디자인 테크놀로지스트 젬 골드는 디자인을 결과물이 아니라 시스템과 프로세스의 산물로 바라본다. 그가 고른 다섯 권의 책은 디자인 시스템, 인간과 컴퓨터의 협업, 집중력, 명상, 함수형 프로그래밍에 대한 관점을 형성했다. 공통적으로 작은 구성 요소를 조합하고, 인간의 창의성을 확장하는 도구와 환경을 중시한다. ## 디자인을 생성하는 시스템으로 보기 — 《Designing Programmes》 - 칼 게르스트너의 책은 레이아웃·로고·타이포그래피를 개별 결과물이 아니라 일정한 규칙과 과정이 만들어내는 산출물로 설명한다. - 디자이너가 매번 최종 결과를 직접 만드는 대신, 사람이 조정할 수 있는 디자인 파이프라인과 시스템을 설계한다는 관점을 제시한다. - UI 디자인 시스템이 등장하기 전의 책이지만, 오늘날의 디자인 시스템과 자동화된 제작 도구에도 그대로 연결된다. - 젬 골드는 이 관점을 에어비앤비의 디자인 시스템과 디자인 자동화 작업에 적용하고 있다. ## 반응을 늦추는 습관 — 《10% Happier》 - 명상은 즉각적인 감정이나 직관에 따라 반응하기보다, 문제를 관찰하고 더 나은 대응을 선택하게 해준다. - 이 책은 명상 기법 안내서라기보다, 방송 중 신경 쇠약을 겪은 저널리스트 댄 해리스의 회고록에 가깝다. - 저자는 명상에 관한 여러 주장에 회의적인 태도를 유지하며, 종교적·초월적 설명보다 실제 경험과 검증 가능성을 중시한다. - 젬 골드는 이런 현실적이고 비판적인 태도가 디자인 의사결정에도 도움이 된다고 본다. ## 인간의 지능을 확장하는 컴퓨터 — 《The Dream Machine》 - J. C. R. 리클라이더가 주창한 ‘인간-컴퓨터 공생’과 컴퓨터의 상호작용적 활용을 다룬다. - 컴퓨터를 펀치카드를 입력하고 결과를 오래 기다리는 기계가 아니라, 인간의 사고력을 증폭하고 함께 탐구하는 도구로 바라본다. - IBM 중심의 정적이고 관료적인 컴퓨팅 비전에 맞서, 사람들이 즐겁게 사용할 수 있는 인터랙티브 컴퓨팅을 추구한 연구자들의 역사를 소개한다. - 젬 골드는 기존 관습에 도전하고 인간의 능력을 확장하는 기술을 만들려는 태도를 자신의 작업에도 이어가고 있다. ## 창의성을 위한 집중력 — 《Deep Work》 - 소셜 미디어는 작업 중 주의를 끊고, 사고와 상상력을 계속 초기화해 깊은 아이디어를 형성하기 어렵게 만든다. - 젬 골드는 한 달 동안 소셜 미디어를 끊고, 창작 작업을 위한 시간을 미리 일정에 배치했다. - 초기에는 확인 충동을 참기 어렵지만, 달리기나 독서처럼 창의성을 회복시키는 활동으로 주의를 전환할 수 있다. - 집중력은 단순히 방해 요소를 제거하는 것이 아니라, 창의적인 활동으로 삶의 빈자리를 채우는 습관과 관련된다. ## 작은 단위의 조합과 확장 — 《Professor Frisby’s Mostly Adequate Guide to Functional Programming》 - 함수형 프로그래밍은 문제를 가능한 한 작은 단위로 나눈 뒤, 이 요소들을 조합하고 재배열하는 방식이다. - 짧고 무료로 읽을 수 있어 프로그래밍 입문자에게도 비교적 접근하기 쉽다. - 젬 골드는 이 사고방식이 디자인에도 직접 적용된다고 본다. - 큰 레이아웃이나 마케팅 페이지부터 시작해 쪼개는 대신, 가장 작은 디자인 프리미티브에서 출발해 점진적으로 구성 요소를 쌓아 올린다. - 이는 디자인 시스템에서 재사용성과 일관성을 확보하는 데 특히 유용하다. ## 실무에 적용할 점 - 디자인을 개별 시안이 아니라 규칙·구성 요소·자동화 과정이 결합된 시스템으로 설계한다. - 작은 프리미티브부터 시작해 복잡한 화면과 제품으로 확장한다. - 소셜 미디어와 즉각적인 반응을 줄여 깊이 있는 작업 시간을 확보한다. - 기술을 단순한 자동화 수단이 아니라 인간의 사고와 창의성을 강화하는 협업 도구로 활용한다.

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

속도 제한에 대한 대안

Figma는 스팸 공격으로부터 서비스를 보호하기 위해 Redis 기반의 자체 레이트 리미터를 구축했다. 토큰 버킷과 고정 윈도 카운터는 메모리 효율이 좋지만 정확성이나 동시성 문제가 있었고, 슬라이딩 윈도 로그는 정확하지만 메모리를 많이 사용한다. Figma는 여러 기법을 조합해 분산 환경에서 빠르고 정확하며 메모리 효율적인 방식으로 요청량을 제한했다. ## 레이트 리미팅의 요구사항 - 사용자나 IP 주소별로 일정 시간 동안 허용할 요청 수를 제한한다. - 예: 1분에 25회 요청 허용 - 여러 웹 서버가 동일한 제한 정보를 공유해야 하므로 외부 저장소가 필요하다. - 웹 요청 처리 속도를 크게 저하시켜서는 안 된다. - 오래된 추적 데이터를 효율적으로 삭제해야 한다. - 과도한 요청을 정확하게 차단하면서 메모리 사용량도 최소화해야 한다. - Figma는 PostgreSQL보다 읽기·쓰기 속도가 빠르고 만료 키를 지원하는 Redis를 추적 데이터 저장소로 선택했다. ## 토큰 버킷의 장점과 동시성 문제 - 사용자마다 다음 두 값을 Redis 해시에 저장한다. - 마지막 요청 시각 - 현재 남아 있는 토큰 수 - 시간이 지나면 설정된 보충 속도에 따라 토큰을 다시 채운다. - 토큰이 0개가 되면 요청을 제한한다. - 장점: - 구현 개념이 단순하다. - 사용자별로 작은 해시 하나만 저장하므로 메모리 효율이 높다. - 일정한 요청 속도와 일시적인 버스트를 모두 처리할 수 있다. - 문제점: - Redis에서 값을 읽고 계산한 뒤 다시 쓰는 과정이 원자적이지 않다. - 두 서버가 동시에 같은 토큰 수를 읽으면, 둘 다 요청을 허용하는 경쟁 조건이 발생할 수 있다. - 결과적으로 실제 허용량보다 많은 요청이 통과할 수 있다. - Redis 락이나 Lua 스크립트로 원자성을 보장할 수 있지만, 락은 지연과 복잡성을 늘리고 Lua는 코드베이스에 별도 언어를 추가해야 한다. ## 고정 윈도 카운터의 단순성과 경계 문제 - 요청이 발생한 시간 구간을 키로 삼아 Redis 카운터를 증가시킨다. - 예: `user:1:2017-03-30T10:00`에 해당 분의 요청 수 저장 - 카운터가 제한값을 넘으면 요청을 거부한다. - 각 키에 만료 시간을 설정해 오래된 카운터를 자동 삭제한다. - `INCR` 같은 Redis 연산을 사용하므로 토큰 버킷보다 동시성 처리가 안전하다. - 메모리 사용량도 적고 구현과 동작을 이해하기 쉽다. - 하지만 윈도 경계에서 허용량보다 최대 두 배 많은 요청이 통과할 수 있다. - 예를 들어 분당 5회 제한에서 10:00:59에 5회, 10:01:00에 다시 5회를 보내면 실제로는 2초 안에 10회가 허용된다. - 따라서 고정 윈도만으로는 요청량을 정확하게 제한하기 어렵다. ## 슬라이딩 윈도 로그의 정확성과 메모리 비용 - 각 요청의 정확한 타임스탬프를 저장한다. - 새 요청이 들어오면 제한 시간보다 오래된 기록을 삭제하고, 현재 윈도 안의 요청 수를 계산한다. - 윈도가 계속 이동하므로 고정 윈도 경계에서 발생하는 폭주 문제가 없다. - 가장 정확한 방식이지만 모든 요청 기록을 보관해야 한다. - 요청 빈도가 높은 사용자나 공격자가 많아지면 저장해야 할 타임스탬프 수가 급증한다. - 따라서 정확성은 높지만 Redis 메모리를 많이 사용한다. ## Figma의 절충 방식 - Figma는 고정 윈도 카운터의 낮은 메모리 사용량과 슬라이딩 윈도의 정확성을 결합하는 방식을 사용했다. - 전체 제한 구간을 더 작은 시간 단위의 카운터들로 나누고, 현재 구간과 직전 구간의 요청량을 이용해 이동 중인 윈도의 사용량을 계산한다. - 개별 요청의 타임스탬프를 모두 저장하지 않고 카운터만 유지하므로 슬라이딩 윈도 로그보다 메모리 효율적이다. - Redis의 원자적 카운터 증가 연산을 활용해 여러 애플리케이션 서버가 동시에 요청을 처리해도 경쟁 조건을 줄일 수 있다. - Redis 키에 만료 시간을 지정해 오래된 시간 구간의 데이터가 자동으로 제거되도록 한다. - 이 방식은 완벽한 요청 단위 정확성보다는 약간의 근사치를 허용하는 대신, 다음 특성을 균형 있게 제공한다. - 분산 환경에서의 안전성 - 낮은 지연 시간 - 적은 메모리 사용량 - 고정 윈도보다 나은 제한 정확도 ## 스팸 공격 방어 효과 - 공격자는 다수의 이메일 주소로 문서 초대 요청을 반복해서 보냈다. - 레이트 리미터가 비정상적인 요청 증가를 조기에 감지해 추가 요청을 차단했다. - 그 결과 이메일 발송 비용의 급증과 발신자 평판 하락을 막을 수 있었다. - 레이트 리미팅은 단순한 성능 보호 장치뿐 아니라 이메일 초대, 비밀번호 재설정, 결제 등 악용되기 쉬운 기능의 스팸 방어 수단으로도 활용할 수 있다. 서비스 규모가 크고 여러 서버가 요청을 처리한다면 Redis 기반의 원자적 카운터와 만료 키를 우선 고려하는 것이 실용적이다. 높은 정확성이 필요하면 슬라이딩 윈도 로그를, 메모리와 성능을 중시하면 슬라이딩 윈도 카운터나 세분화된 고정 윈도 방식을 선택하는 것이 적절하다.

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

피그마의 새로운 아이

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

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

디자이너가 코

알렉스 코넬은 디자이너가 반드시 코딩을 배워야 한다는 통념에 의문을 제기한다. 그는 코딩 대신 영화 제작과 모션 그래픽을 선택했고, 그 전문성이 훗날 Facebook Live의 디자인과 제품 개발에 중요한 자산이 되었다. 결론적으로 코딩 학습은 개인의 흥미와 팀의 필요에 따라 결정해야 하며, 글쓰기와 커뮤니케이션 능력 역시 디자인 영향력을 키우는 핵심 역량이다. ## 코딩을 선택하지 않은 이유 - 코넬이 진로를 결정한 2007년에는 “디자이너가 코딩을 배워야 하는가”가 지금처럼 널리 논쟁되는 주제가 아니었다. - 당시 스타트업에는 이미 코딩을 깊이 아는 엔지니어들이 있었기 때문에, 자신까지 코딩을 배우는 것보다 팀에 없는 역량을 갖추는 편이 유용하다고 판단했다. - 그는 영화 제작, After Effects, Premiere 등 영상과 모션 그래픽 기술을 선택했다. - 프로토타이핑 도구가 부족했던 시절, After Effects를 활용해 얼굴 애니메이션과 인터랙션을 시각적으로 표현했다. - 궁극적으로 코딩보다 모션 그래픽이 더 흥미롭게 느껴졌다는 개인적 동기도 컸다. ## 전문성의 차별화가 만든 기회 - 코넬은 영화와 사진 분야의 역량 덕분에 Facebook에 영입되어 Live 기능 출시를 돕게 되었다. - 특정 직무의 표준 경로를 따르지 않고 팀에 부족한 능력을 개발한 것이 장기적으로 차별화된 경쟁력이 되었다. - 코딩을 직접 하지 않더라도 기술적 배경을 이해하면 엔지니어와 원활히 협업하고, 디자인을 구현 가능한 형태로 설명할 수 있다. ## 코딩 학습은 정답이 아닌 개인의 선택 - 코딩을 배울지 확신이 없다면, 코넬은 우선 “아니오”에 가깝게 답한다. - “영화 편집을 배워야 할까?”라는 질문처럼, 실제로 해당 분야에 흥미가 있는지가 판단의 출발점이 되어야 한다. - 코딩이 유용하다는 이유만으로 모든 디자이너에게 동일한 학습 경로를 강요할 수는 없다. - 디자인과 코딩의 경계는 Framer, Origami 같은 도구와 로직 기반 프로토타이핑의 등장으로 점점 흐려지고 있다. - 따라서 코딩을 할 줄 아는 디자이너와 그렇지 않은 디자이너라는 이분법보다, 자신에게 적합한 도구와 전문성을 선택하는 것이 중요하다. ## 글쓰기와 커뮤니케이션의 중요성 - 코딩 외에 특히 추천하는 역량은 글쓰기와 아이디어를 설명하고 설득하는 능력이다. - 훌륭한 디자인이나 애니메이션도 다른 사람을 납득시키고 관심을 끌지 못하면 실제 제품이나 의사결정으로 이어지기 어렵다. - 커뮤니케이션은 공식적인 발표뿐 아니라 회의, 영상, 강연, 프레젠테이션 등 다양한 방식으로 이루어진다. - 아이디어를 명확하게 전달하고 사람들을 움직이는 능력은 프로젝트의 방향 자체를 바꿀 수 있다. - 학교 교육은 글쓰기와 감성 지능, 대인 커뮤니케이션을 연습할 기회를 제공하므로 이런 역량을 충분히 익히기 전에 너무 일찍 학업을 중단하지 말 것을 권한다. 자신이 코딩에 흥미가 있고 제품 구현을 직접 다루고 싶다면 코딩을 배우는 것이 좋다. 그러나 모든 디자이너가 같은 길을 갈 필요는 없으며, 팀에 필요한 역량과 자신의 관심사를 기준으로 영상, 글쓰기, 발표, 리서치 등 차별화된 전문성을 개발하는 편이 더 실용적이다.

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

존 마에다가 State

기술이 보편화되면서 제품 차별화의 핵심이 기능에서 사용자 경험과 감정으로 이동하고 있으며, 이에 따라 제품 디자이너 수요가 급증할 것이라는 글이다. 동시에 디자인 교육은 디지털 제품 환경을 따라가지 못하고, 도구와 업무 흐름도 파편화되어 있다는 문제가 지적된다. 앞으로는 포용적 디자인, 음성 인터페이스, 보안 디자인, 중국의 영향력 확대가 중요해지지만, 도구의 지능화로 디자이너 역할이 줄어들 가능성도 함께 제시된다. ## 제품 디자이너 수요 급증 - 기술이 상품화되어 누구나 앱을 만들 수 있게 되면서, 제품의 성공을 결정하는 요소가 사용자에게 주는 감정과 삶과의 관련성으로 이동했다. - 주요 기업들은 제품 디자이너를 대규모로 채용하고 있다. - Facebook, Google, Amazon의 디자이너 채용은 1년 사이 65% 증가했다. - 대기업들은 최근 2년 동안 35개 이상의 디자인 에이전시를 인수했다. - 디자인은 시각적 장식이 아니라 제품 전략과 사용자 경험을 결정하는 핵심 역량으로 자리 잡고 있다. ## 포용적 디자인의 확대 - 기술 사용자가 대중 전체로 확대되면서 다양한 배경과 경험을 가진 사람을 고려하는 디자인이 필요해졌다. - 성별, 인종, 문화, 능력, 사회적 배경의 차이를 제품 설계에 반영해야 한다. - Airbnb, Slack, Google, Microsoft 등이 포용적 디자인을 주도하는 기업으로 언급된다. ## 디지털 환경을 따라가지 못하는 디자인 교육 - 많은 디자인 학교가 여전히 인쇄 시대의 타이포그래피 등 고전적 디자인 교육에 집중한다. - 웹과 모바일 제품을 설계하는 데 필요한 인터랙션, 프로토타이핑, 디지털 협업 등의 실무 교육은 부족하다. - 설문에 참여한 학생의 3분의 2 이상이 Lynda.com 같은 외부 서비스를 통해 디지털 기술을 독학했다고 답했다. - 대학 교육은 제도와 교육과정의 특성상 변화 속도가 느려, 현업의 수요를 단기간에 따라잡기 어렵다. ## 디자인 중심 투자와 창업 - 벤처캐피털 업계에서 디자인 역량을 핵심 경쟁력으로 보는 시각이 확산되고 있다. - 디자인 중심 기업에 투자하는 것을 목표로 하는 VC가 등장하고 있다. - 조사 대상 디자이너의 80%는 자금만 있다면 창업하겠다고 답했다. - 디자인은 기업의 외부 이미지뿐 아니라 제품 개발과 사업 모델을 이끄는 창업 역량으로 인식되고 있다. ## 디자인 도구의 증가와 업무 흐름의 파편화 - 제품 디자인 도구 시장은 다양한 도구와 작업 방식이 공존하는 ‘개척 시대’에 가깝다. - 아직 하나의 회사가 기획, 디자인, 협업, 개발 전달 과정을 완전히 통합하지 못했다. - 새로운 도구가 계속 등장하면서 선택지는 늘지만, 팀의 업무 방식은 오히려 복잡해질 수 있다. - 도구가 정교해질수록 머신 인텔리전스가 디자인 과정에 더 많이 개입할 가능성이 있다. - 자동화와 인공지능의 발전은 장기적으로 일부 디자이너 업무와 수요를 감소시킬 수 있다. ## 새롭게 부상하는 디자인 영역 - Alexa와 같은 음성 인터페이스를 설계하는 역량이 중요해진다. - 사이버보안 제품과 서비스를 위한 전문 디자이너 수요가 증가한다. - 중국이 기술과 디자인 분야에서 차지하는 영향력이 커질 것으로 전망된다. - 제품 디자이너는 화면 기반 UI뿐 아니라 음성, 보안, 글로벌 시장을 아우르는 역량을 갖춰야 한다. 글은 전반적으로 기술 업계 디자인의 미래를 낙관적으로 전망하지만, 교육 시스템의 지연과 도구·워크플로의 분열을 주요 과제로 남긴다. 실무적으로는 디자이너가 디지털 제품 역량과 포용적 설계 능력을 함께 익히고, 조직은 도구를 늘리기보다 협업 과정과 업무 흐름을 통합하는 데 집중하는 것이 바람직하다.

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

스냅챗은 논란의

Snapchat의 성공은 전통적인 사용성 원칙을 따랐기 때문이 아니라, 오히려 복잡하고 숨겨진 UI를 통해 독특한 문화와 참여 방식을 만들었기 때문이라는 글이다. 직관성 대신 친구에게 기능을 배우고 공유하게 만드는 ‘공유 가능한 UI’를 택했으며, 카메라 중심 화면과 제스처 기반 탐색으로 모바일 소셜 앱의 새로운 방향을 제시했다. 다만 이러한 성공이 의도적인 전략인지 우연히 형성된 결과인지는 명확하지 않다. ## 전통적인 사용성 원칙을 거스른 UI - Snapchat은 사용자가 앱을 쉽게 이해하도록 만드는 일반적인 디자인 원칙을 따르지 않았다. - Stories 메뉴는 세로와 가로로 모두 스크롤되며, 화면마다 기능 배치와 탐색 방식이 일관되지 않았다. - 앱 전체를 아우르는 보편적인 내비게이션 바가 없고, 기능이 여러 화면과 제스처 속에 분산되어 있었다. - 이런 구조는 사용성을 떨어뜨리지만, 디자인의 목표가 항상 ‘가장 쉽게 이해되는 화면’을 만드는 데 있는 것은 아니라는 점을 보여준다. - Bobby Goodlatte는 디자인이란 픽셀이나 미적 완성도보다 문제 해결에 관한 것이며, 때로는 덜 다듬어진 공간이 더 적절한 해결책이 될 수 있다고 설명한다. ## 숨겨진 기능이 만든 사용자 문화 - Snapchat의 일부 기능은 화면에 명확히 드러나지 않아 다른 사용자에게 배워야 했다. - 라이브 영상 통화나 필터 기능처럼 숨겨진 기능을 친구가 직접 알려주면서 사용자 사이에 일종의 ‘부족 지식(tr ial knowledge)’이 형성됐다. - 앱 사용법을 아는 사람과 모르는 사람 사이에 경계가 생기면서, Snapchat은 부모 세대가 쉽게 접근하기 어려운 젊은 사용자만의 공간이 되었다. - 복잡하고 정돈되지 않은 인터페이스가 오히려 젊은 세대의 혼란스럽고 비정형적인 일상과 잘 맞는다는 해석도 제시된다. ## 카메라 중심 설계와 모바일 UX의 혁신 - Snapchat은 앱을 실행하면 피드가 아니라 카메라가 먼저 열리도록 설계한 최초의 대형 소셜 앱 중 하나였다. - 이 선택은 다른 사람의 콘텐츠를 소비하는 데서 벗어나, 사용자가 직접 사진과 영상을 만들도록 유도했다. - 화면을 스와이프해 앱의 다른 영역으로 이동하는 다차원적 탐색은 기존 메뉴 버튼보다 모바일 환경에 더 자연스러울 수 있었다. - 더블 탭, 스와이프, 길게 누르기 같은 터치 동작을 독자적인 명령어처럼 활용했다. - 이미지 위에서 필터를 바로 끌어오는 방식도 기존 앱의 썸네일 목록 중심 필터 UI와 달랐다. - 카메라를 열자마자 재미있고 창의적인 행동을 제안한다는 점이 Snapchat의 핵심 차별점이었다. ## ‘직관적인 UI’에서 ‘공유 가능한 UI’로 - Greylock의 Josh Elman은 Snapchat의 접근을 ‘공유 가능한 UI(shareable UI)’라고 설명한다. - 모든 제품이 처음부터 직관적일 필요는 없으며, Facebook이나 Excel도 처음 사용하는 사람에게는 즉시 이해되지 않았다는 논리다. - 중요한 것은 사용자가 혼자 메뉴를 헤매지 않고, 친구에게 기능을 묻고 사용법을 공유할 만큼 강력하고 매력적인 제품을 만드는 것이다. - 특히 소셜 앱에서는 기능을 알려주는 행위 자체가 사용자 간 관계와 참여를 강화할 수 있다. - Snapchat의 필터처럼 누군가 직접 보여줘야 알 수 있는 기능은 단순한 사용법이 아니라 사용자 확산 방식으로 작동했다. ## 의도된 전략인가, 우연한 성공인가 - 인터뷰에 참여한 디자이너들은 Snapchat의 성공을 완전히 계획된 디자인 전략으로 보지는 않았다. - 일부는 여러 가지 서투른 디자인이 우연히 하나의 앱에 모였고, 이후 젊은 세대의 취향에 맞았다고 평가했다. - 반대로 결과적으로는 기존 디자인 규칙을 깨면서 새로운 사용 행태와 모바일 소셜 경험을 만들어냈다. - Snapchat의 사례는 좋은 디자인이 반드시 정돈되고 예측 가능하며 즉시 이해 가능한 디자인과 같지는 않다는 점을 보여준다. 제품을 설계할 때는 무조건 직관성을 극대화하기보다, 사용자가 친구에게 알려주고 싶을 만큼 강력한 기능과 문화를 만들 수 있는지도 고려할 만하다. 다만 숨겨진 UI는 제품의 핵심 기능까지 가리지 않도록 설계해야 하며, Snapchat의 성공을 그대로 모방하기보다는 타깃 사용자와 서비스 목적에 맞게 적용해야 한다.

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

순서가 지정된 시퀀

Figma는 실시간 협업에서 여러 사용자가 객체의 순서를 동시에 변경해도 모든 클라이언트가 동일한 최종 상태에 도달하도록 해야 했다. 처음에는 Operational Transformation(OT)을 고려했지만, 텍스트 편집에 필요한 고급 기능과 구현 복잡도가 Figma에는 과도하다고 판단했다. 대신 각 객체에 순서를 나타내는 분수형 인덱스를 부여하고 정렬하는 방식을 사용해, 단순성과 안정성을 확보했다. ## 실시간 순서 편집의 문제 - Figma의 문서, 그룹, 컴포넌트 등은 자식 객체의 순서가 있는 목록을 가진다. - 사용자는 객체를 삽입·삭제하거나 드래그해 순서를 변경할 수 있다. - 각 클라이언트는 편집을 즉시 로컬에 적용한 뒤 서버로 전송한다. - 네트워크 상황에 따라 각 클라이언트가 작업을 서로 다른 순서로 받을 수 있다. - 따라서 작업 적용 순서가 달라도 모든 클라이언트의 문서가 동일해지는 eventual consistency가 필요하다. ## Operational Transformation의 접근법 - OT는 동시 작업이 서로의 위치와 의미를 깨뜨리지 않도록 작업을 변환한다. - 예를 들어 텍스트 `bcde`에 대해 한 사용자가 앞에 `x`를 삽입하고 다른 사용자가 `bc`를 삭제하면, 삭제 위치를 삽입만큼 보정한다. - 서버와 클라이언트는 다른 작업을 기준으로 각 연산을 변환해 같은 결과를 만든다. - OT는 오래된 협업 편집 알고리즘이며 텍스트 편집기에서 널리 사용됐다. ### OT의 장단점 - 장점 - 매우 큰 시퀀스에서도 성능과 메모리 효율이 좋다. - 같은 위치에 동시에 삽입된 문자열을 서로 끼워 넣지 않고 연속된 덩어리로 정렬할 수 있다. - 단점 - 구현과 정확성 검증이 어렵다. - 일반적으로 객체 이동을 삭제 후 삽입으로 처리한다. - 연산 종류가 늘어날수록 모든 연산 쌍 간 변환 규칙이 필요해 복잡도가 크게 증가한다. - Figma는 거대한 시퀀스나 삽입 결과의 비인터리빙이 필요하지 않았고, 객체 이동이 빈번했기 때문에 OT를 선택하지 않았다. ## 분수형 인덱싱 - 각 객체에 `0과 1 사이의 위치값`을 부여하고, 이 값을 기준으로 자식 객체를 정렬한다. - 두 객체 사이에 삽입할 때는 양쪽 인덱스의 평균을 새 객체의 인덱스로 사용한다. - 예를 들어 `0.2`와 `0.6` 사이에 삽입하면 `0.4`를 사용할 수 있다. - 인덱스는 64비트 부동소수점 대신 임의 정밀도 분수로 저장해 반복 삽입으로 정밀도가 고갈되는 문제를 피한다. - Figma는 인덱스를 문자열로 저장하고 문자열 조작으로 평균을 계산한다. - 저장 공간을 줄이기 위해 `0.`을 생략하고, 숫자만이 아니라 전체 ASCII 범위를 사용한 base 95 표현을 적용한다. ## 분수형 인덱싱의 장단점 - 장점 - 알고리즘이 단순하고 이해·구현하기 쉽다. - 객체를 이동할 때 위치값 하나만 변경하면 된다. - 이동을 삭제와 삽입으로 나눌 필요가 없다. - 단점 - 반복적인 삽입과 재배치로 인덱스 문자열이 길어질 수 있다. - 여러 클라이언트가 같은 위치에 동시에 삽입하면 새 객체들이 서로 섞일 수 있다. - 동일한 두 인덱스 사이의 평균을 다시 계산할 수 없다. ## 동시 삽입 충돌 처리 - 동일한 위치에 두 클라이언트가 동시에 객체를 삽입하면 두 객체가 같은 인덱스를 가질 수 있다. - 서버가 두 객체에 동일한 위치값이 생기지 않도록 두 번째 삽입에 고유한 위치를 부여한다. - 인덱스 길이 증가는 Figma에서 객체 수와 사용자 활동이 실용적인 범위로 제한되므로 큰 문제가 되지 않는다. - 디자인 문서에서는 동시에 삽입된 객체가 서로 겹치지 않는 경우가 많아, 순서가 일부 인터리빙되는 것도 허용 가능하다. Figma의 사례는 가장 정교한 알고리즘보다 제품의 요구사항에 맞는 단순한 알고리즘이 더 유리할 수 있음을 보여준다. 대규모 텍스트 편집처럼 강한 순서 보장이 필요하지 않다면, 분수형 인덱싱은 구현·유지보수 비용이 낮고 객체 이동에도 효율적인 실용적 선택이다.

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