web-browser

3 개의 포스트

discord

명패를 받을 만 (새 탭에서 열림)

Discord가 프로필을 꾸미는 새로운 기능인 **Nameplates**를 출시했다. Nameplates는 표시 이름 뒤에 장식 배경을 추가해 서버 멤버 목록, DM 목록, 사용자 설정 화면 등에서 개성을 드러낼 수 있게 한다. 2025년 4월 22일부터 데스크톱 앱에서 구매할 수 있으며, 구매한 Nameplate는 데스크톱과 모바일에서 모두 보인다. ## 표시 이름을 꾸미는 새로운 장식 - Nameplates는 Discord Shop에서 판매되는 프로필 꾸미기 아이템이다. - 아바타 장식이나 프로필 효과처럼 사용자의 Discord 외형을 꾸미지만, 프로필 화면에만 국한되지 않는다. - 장착하면 표시 이름 뒤에 Nameplate 이미지가 나타난다. - 다른 사용자가 이름을 확인하는 여러 지점에서 장식이 노출된다. - 서버 멤버 목록 - DM 목록에서 이름에 마우스를 올렸을 때 - 사용자 설정 화면의 사용자 정보 영역 ## 출시 시 제공되는 테마 - 출시 시점에는 총 8종의 Nameplate가 제공된다. - 기존 Shop 인기 컬렉션에서 영감을 받은 디자인으로 구성됐다. - 대표적인 테마는 다음과 같다. - 사이버펑크 - 갤럭시 - 애니메이션 스타일 - 구매 전에 Shop에서 각 Nameplate를 미리 적용해 볼 수 있다. ## 구매 및 사용 가능 환경 - Nameplate는 Discord 데스크톱 앱 또는 데스크톱 웹 환경의 Shop에서 구매할 수 있다. - 구매 기능은 출시 시점에 데스크톱에서만 지원된다. - 장착한 Nameplate는 데스크톱뿐 아니라 모바일 사용자에게도 표시된다. - 모바일에서 Nameplate를 구매하는 기능은 추후 지원될 예정이다. ## Nitro 회원 혜택 - Nitro 회원은 Nameplate를 포함한 Discord Shop의 모든 상품을 할인된 가격에 구매할 수 있다. - Nitro 가입자는 기존 프로필 색상, 아바타 장식, 프로필 효과 등과 함께 Nameplate를 조합해 프로필을 꾸밀 수 있다. ## 이용 안내 및 지원 - Discord Shop에서 Nameplate를 확인하고 구매할 수 있다. - 기능과 구매 관련 세부 사항은 Discord Help Center의 Nameplates FAQ에서 확인할 수 있다. - 사용 중 문제가 발생하면 Help Center를 통해 지원을 요청할 수 있다. Nameplates는 Discord에서 이름이 표시되는 공간까지 꾸밀 수 있게 해 주는 장식 아이템이다. 관심이 있다면 Shop에서 미리보기를 활용해 현재 프로필 테마와 어울리는 디자인을 확인한 뒤 구매하는 것이 좋다.

figma

브라우저에서 만나요 | (새 탭에서 열림)

Figma는 디자인 도구를 브라우저로 옮김으로써 협업·투명성·접근성을 기본값으로 만들고, 디자인을 소수 전문가의 영역에서 모두가 참여하는 활동으로 확장하려 했다. 이러한 변화는 멀티플레이어 편집, 플랫폼 독립성, 저렴한 접근성을 제공하지만 기존의 통제권과 전문성에 대한 인식을 흔들어 반발도 일으켰다. 글은 브라우저가 단순한 기술적 실행 환경이 아니라 조직과 사회의 협업 방식을 바꾸는 매체라고 결론짓는다. ## 브라우저 기반 디자인을 선택한 이유 - Figma는 출시 초기부터 데스크톱 애플리케이션이 아닌 브라우저 중심 제품에 모든 것을 걸었다. - Google Docs와 같은 인터넷 네이티브 소프트웨어가 다음 가치를 구현한다고 보았다. - 실시간 협업 - 정보와 파일의 투명한 공유 - 플랫폼과 기기에 구애받지 않는 접근성 - 기존 디자인 도구의 오프라인·단일 사용자 방식을 온라인 협업 환경으로 전환하려 했다. ## 기존 디자인 문화의 반발 - 일부 디자이너는 브라우저 기반 디자인을 디자인 직업 자체에 대한 위협으로 받아들였다. - 부정적인 반응의 배경에는 다음과 같은 우려가 있었다. - 작업 과정이 지나치게 공개되어 디자인의 전문성이 희석될 수 있음 - 다른 사람의 실시간 개입으로 마이크로매니지먼트가 심해질 수 있음 - 투명성이 높아지면서 일정과 업무 압박이 커질 수 있음 - 다른 사람이 파일을 수정하거나 재구성하면서 디자이너의 통제권이 줄어듦 - 누구나 디자인할 수 있다면 전문 디자이너의 역할은 무엇인지에 대한 정체성 문제 - 디자인이 개인의 창작물처럼 느껴지는 만큼, 작업물을 공개하고 다른 사람이 수정하도록 허용하는 일은 심리적으로 큰 변화였다. ## 브라우저가 제공하는 기술적 변화 - 브라우저는 본질적으로 여러 사용자가 동시에 참여하는 멀티플레이어 환경이다. - Figma가 강조한 구체적인 이점은 다음과 같다. - 파일의 단일 진실 공급원(single source of truth) - 운영체제와 기기에 상관없는 크로스 플랫폼 지원 - 여러 사용자가 하나의 파일을 동시에 편집하는 멀티플레이어 편집 - 고가의 전문 하드웨어에 대한 의존도 감소 - 팀원이 막힌 상황을 숨기기보다 함께 문제를 해결하는 작업 방식 - 따라서 브라우저 전환은 단순히 저장 위치나 UI를 바꾸는 것이 아니라, 사용자가 협업하는 방식을 바꾸는 일이다. ## “내 아이디어”에서 “우리의 아이디어”로 - 협업 도구를 사용하면 팀은 개인 소유 중심의 사고에서 공동 창작 중심의 사고로 이동한다. - 이를 위해서는 다음과 같은 조직 문화가 필요하다. - 작업 중인 아이디어를 일찍 공유하는 신뢰 - 실패와 미완성 상태를 숨기지 않는 투명성 - 다른 사람이 아이디어를 발전시키거나 재해석하도록 허용하는 개방성 - Figma의 협업 공간은 디자인 결과물뿐 아니라 아이디어가 만들어지는 과정에도 더 많은 사람을 참여시킨다. ## 물리적 공간에서 디지털 공간으로 - 브라우저 기반 협업은 코로나19로 가속된, 물리적 공간에서 디지털 공간으로의 장기적인 이동의 일부다. - 물리적 공간에는 벽과 좌석, 권한 구조가 존재하지만 디지털 공간은 기본적으로 더 개방적이고 비위계적이다. - 누구나 같은 공간에서 브레인스토밍하고, 만들고, 실험할 수 있다는 점이 디지털 협업의 중요한 특징이다. - Figma는 기술을 단순한 생산성 도구가 아니라 사람들을 연결하고 공동의 사고를 가능하게 하는 매체로 바라본다. ## 디자인 접근성의 확대 - Figma의 장기적인 목표는 디자인을 모든 사람이 접근할 수 있는 활동으로 만드는 것이다. - 디자인 도구 사용 능력이 특정 전문가의 자격처럼 취급되지 않고, Google Docs 사용 능력처럼 당연한 기본 역량이 되기를 지향한다. - 이를 위해서는 아이디어 구상부터 실제 제작까지 디자인 프로세스의 모든 단계와 역할을 지원해야 한다. - 하드웨어, 전문 도구, 직함이 사람들의 참여를 막는 장벽이 되어서는 안 된다는 메시지도 강조한다. ## 실용적인 결론 브라우저 기반 도구를 도입할 때는 기능이나 비용 절감만 볼 것이 아니라, 작업 공개·실시간 협업·권한 공유를 받아들일 조직 문화를 함께 준비해야 한다. 팀은 미완성 작업을 공유해도 안전하다는 신뢰를 만들고, 특정 전문가만 의사결정하는 방식에서 벗어나 더 많은 구성원이 디자인과 문제 해결에 참여하도록 설계하는 것이 좋다.

figma

Figma의 멀티플레이어 편집 (새 탭에서 열림)

Figma는 파일을 내려받아 로컬에서 편집한 뒤 전체 문서를 저장하는 방식이 협업 환경과 근본적으로 맞지 않는다는 문제를 해결하기 위해 실시간 멀티플레이어 편집을 도입했다. 사용자의 변경 사항을 서버에 전송하고 실시간으로 다른 사용자에게 브로드캐스트함으로써 최신 버전 보장, 덮어쓰기 방지, 원격 협업과 리뷰 개선을实现했다. 구현 과정에서는 실행 취소·다시 실행, 충돌 해결, 성능과 파일 형식 개선 등 복잡한 기술적 과제를 해결해야 했다. ## 기존 저장 방식의 한계 - 초기 Figma는 문서를 브라우저로 내려받아 로컬에서 편집하고, 일정 주기마다 전체 문서를 다시 업로드했다. - 개인 사용자에게는 구현과 이해가 쉬웠고, Dropbox 같은 동기화 서비스와도 유사해 익숙한 방식이었다. - 하지만 팀 기능이 추가되면서 다음 문제가 발생했다. - 여러 사용자가 서로의 작업을 모르고 저장해 변경 사항을 덮어씀 - 저장이 완료되기 전에 공유한 링크를 열면 이전 버전이 표시됨 - 버전 기록에는 모든 저장이 남았지만, 협업 중 발생하는 혼란 자체를 막지는 못함 - 한 명씩 편집권을 넘기는 ‘baton-passing’ 방식도 검토했지만, 동시 편집만큼 단순하고 자연스럽지는 않았다. ## 실시간 멀티플레이어 모델 - 각 사용자의 변경 사항을 서버로 보내고, 서버가 이를 다른 사용자에게 실시간으로 전달한다. - 서로 다른 객체나 속성에 대한 변경은 독립적으로 처리한다. - 동일 객체의 동일 속성을 동시에 수정하면 최신 변경을 적용하는 방식으로 충돌을 해결한다. - 이 구조를 통해 사용자는 항상 최신 문서를 보고, 편집 중인 파일 버전을 따로 확인하거나 충돌을 조정할 필요가 줄어든다. - Figma는 이 기능이 협동 멀티플레이어 게임과 비슷하다는 점에서 “multiplayer”라는 이름을 붙였다. ## 멀티플레이어 실행 취소와 다시 실행 - 단일 사용자 환경에서는 실행 취소가 “내가 방금 한 작업을 되돌리는 것”으로 정의되지만, 여러 사용자가 같은 객체를 수정하면 의미가 복잡해진다. - 다른 사용자의 변경 이후 실행 취소를 수행할 때 자신의 과거 변경을 다시 덮어써서는 안 된다. - Figma는 다음 원칙을 기준으로 동작을 설계했다. - 사용자가 여러 작업을 실행 취소한다. - 중간 상태에서 무언가를 복사한다. - 다시 실행해 현재 상태로 돌아온다. - 이 과정만으로 문서 내용이 달라져서는 안 된다. - 단순히 과거 상태를 복원하는 방식이 아니라, 다른 사용자의 후속 변경을 보존하는 방향으로 redo를 설계해야 했다. ## 충돌 해결의 복잡성 - 한 객체의 여러 속성이 함께 변경되어야 하는 경우, 특정 속성 하나의 변경만으로 전체 상태를 덮어쓰지 않도록 세밀한 병합이 필요했다. - 겉보기에는 한 객체만 수정하는 작업이 실제로는 다른 객체에도 영향을 줄 수 있었다. - 이 때문에 서로 무관해 보이는 객체를 두 사용자가 동시에 편집해도 충돌이 발생할 수 있었다. - 일부 레이아웃 기능은 이러한 협업 상황에 맞게 동작 방식을 수정해야 했다. - 단순한 “최신 변경 우선”만으로는 충분하지 않고, 작업 간 의존성과 여러 객체에 걸친 부수 효과까지 고려해야 했다. ## 성능과 파일 형식 개선 - 전문 디자인 도구 수준의 실시간 협업을 위해 지속적인 측정과 성능 튜닝이 필요했다. - 기존 파일 형식은 작은 변경 사항을 효율적으로 표현하기에 적합하지 않아 파일 포맷 자체를 개편했다. - 전체 문서를 반복해서 전송하는 대신, 작은 변경 메시지를 빠르게 전달하고 처리하는 것이 중요했다. - 멀티플레이어 기능은 에디터의 핵심 구조에 영향을 주는 대규모 기술 투자였지만, 향후 협업 기능을 위한 기반이 되었다. ## 협업 경험을 단순하게 만든 UI - 멀티플레이어는 기능을 추가했지만, 기존에 사용자들이 협업을 위해 사용하던 복잡한 우회 절차를 없애 UX를 오히려 단순하게 만들었다. - 현재 문서에 참여 중인 사용자의 마우스 커서와 선택 영역을 표시한다. - 누가 문서에 있는지 확인할 수 있다. - 다른 사람이 어느 부분을 작업 중인지 알 수 있다. - 커서를 특정 객체 옆에 두어 다른 사람의 주의를 끌거나 대상을 가리킬 수 있다. - 모든 사용자는 화면 오른쪽 위에 아바타로 표시된다. - 아바타는 참여자 확인뿐 아니라 프레젠테이션에도 활용된다. - Figma는 한 명의 발표자를 강제하고 모두가 그 사람을 따라가게 하는 방식을 시험했지만, 사용자의 선택권을 제한한다고 판단했다. - 대신 다른 사용자의 아바타를 클릭해 발표를 따라가는 선택적 방식이 더 자연스럽다고 보았다. ## 실용적인 결론 실시간 협업 기능은 단순히 변경 사항을 동기화하는 문제가 아니라, 실행 취소·충돌 병합·파일 포맷·레이아웃 모델·사용자 인터페이스까지 함께 설계해야 하는 시스템 문제다. 협업 제품을 만들 때는 기존의 개인용 저장 모델에 기능을 덧붙이기보다, 처음부터 동시 편집과 사용자 간 맥락 공유를 핵심 구조로 고려하는 것이 바람직하다.