figma2021년 7월 27일

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의 업데이트 파일에서 확인하는 것이 좋다.

safarifigmafigjamtypography+2

figma2021년 5월 5일

로빈 캐너와의 Q (새 탭에서 열림)

Robyn Kanner의 인터뷰는 디자인을 특정 직함이나 완벽한 결과물로 한정하지 말고, 끊임없이 만들고 협업하며 현재의 문제를 해결하는 태도를 강조한다. 그녀는 Biden-Harris 캠페인의 크리에이티브 디렉터로서 JoeBiden.com부터 캠페인 전용기까지 모든 작업을 하나의 Figma 파일에서 제작한 경험을 소개했다. 디자인의 성취는 개인의 명성보다 공동의 목표를 이루는 데 있으며, 그녀에게 가장 큰 성과는 Joe Biden의 당선을 도운 것이다. ## Biden-Harris 캠페인과 대규모 협업 - 2020년 미국 대선에서 Biden-Harris 디자인팀의 크리에이티브 디렉터로 활동했다. - 웹사이트인 JoeBiden.com부터 캠페인 전용기 디자인까지 다양한 결과물을 제작했다. - 캠페인 전체 작업을 하나의 Figma 파일에서 진행하며 협업과 통합된 디자인 작업 방식을 보여줬다. - 그녀가 꼽은 커리어 최대 성취는 “Joe Biden의 당선을 도운 것”이었다. - 좋은 팀은 어려운 일을 함께 겪으며 서로를 지지할 때 만들어진다고 설명했다. - 좋은 협업자는 주변 사람들이 기여할 수 있도록 공간을 만들어주는 사람이라고 답했다. ## 디자인을 대하는 태도 - 창작 과정을 한 단어로 표현하면 “끈질김(Relentless)”이라고 답했다. - 완벽한 디자인은 없으며, 디자인 자체를 두려워할 필요도 없다고 말했다. - 다른 사람의 디자인을 부러워하거나 대신 만들고 싶어 하기보다 각자의 경로를 존중해야 한다고 강조했다. - 디자인은 과거의 평가보다 지금 필요한 것을 만드는 행위이며, 이를 “NOW”라고 표현했다. - 젊은 디자이너에게 특정 직함에 자신을 가두지 말고, 단순히 무언가를 만들라고 조언했다. ## 도구보다 중요한 사회적 관점 - 디자인 업계에서 과대평가된 것으로 “코드”를, 과소평가된 것으로 “사회학”을 꼽았다. - 이는 디자인을 구현 기술만의 문제가 아니라 사람과 사회, 맥락을 이해하는 활동으로 본다는 의미다. - 가장 좋은 디자인은 색상이나 형식만으로 결정되지 않고, 그것이 사용되는 환경과 사람들의 행동을 고려해야 한다. - 그녀가 선호하는 UI 폰트는 Decimal과 Mercury이며, 색상 표현 방식은 Hex·RGB·HSL 모두를 사용한다고 답했다. - 디자인에서 타이포그래피와 색상 중 하나만 고르기보다 둘 다 중요하게 본다. ## 제약을 넘어서는 창작 - 최근 작업에서 Safari의 애니메이션 처리 방식 때문에 제약을 느꼈다고 말했다. - 도구가 애니메이션 구현을 제한하는 상황을 아쉬워하며, 창작자가 기술적 환경에 의해 제한되지 않기를 바라는 태도를 드러냈다. - 언젠가 화성에 그라디언트를 적용해보고 싶다는 답변은 현실적 제약을 넘어서는 상상력을 상징한다. - 가장 좋아하는 Figma 기능으로는 “모두”를 꼽았으며, 특히 Shift+H 단축키를 언급했다. - Figma가 창작 방식을 혁신했다고 평가하며, 기능 자체보다 자유롭게 만들고 협업할 수 있는 환경을 중요하게 봤다. ## 개인적 취향과 창작자의 인간적인 면 - 1990년대의 미학을 되살릴 수 있다면 웹이나 Apple 디자인보다 음악가 Jeff Buckley를 선택하겠다고 답했다. - 최상의 창작 상태는 이른 아침이나 늦은 밤이라고 말했다. - 디자인 비평에 초대하고 싶은 사람으로 농구선수 Michael Jordan을 꼽았다. - 캠페인 기간 동안 긴 하루를 마친 뒤 긴장을 풀기 위해 게임 *Madden*을 즐겼다고 소개했다. - 최근 인터넷에서 좋아한 콘텐츠로 BROCKHAMPTON의 “BUZZCUT”을 언급했다. - 디자인 관련 소셜미디어 담론, 특히 Design Twitter에는 큰 관심이 없다고 선을 그었다. ## 실용적인 시사점 디자이너는 직함이나 특정 도구에 자신을 한정하기보다 문제를 해결하기 위해 직접 만들고, 협업 과정에서 다른 사람의 참여 공간을 확보해야 한다. 또한 시각적 완성도뿐 아니라 사회적 맥락과 사용자의 현실을 이해하고, 기술적 제약을 비판적으로 바라보는 태도가 중요하다.

safarifigmaui-designdesign-collaboration+4