메인 콘텐츠로 건너뛰기

디자인할 때 반드시 마우스를 사용해야 한다고 누가 그러던가요?

Sarah KellyProduct Marketer, Figma
여러 개의 키보드로 작업하는 손을 묘사한 추상적인 일러스트레이션여러 개의 키보드로 작업하는 손을 묘사한 추상적인 일러스트레이션

Figma의 새로운 접근성 기능은 모든 창작자에게 더 나은 키보드 지원을 제공합니다.

디자인할 때 반드시 마우스를 사용해야 한다고 누가 그러던가요?공유

히어로 일러스트레이션: Lorena Spurio

수백만 명의 사람들에게 키보드로 디지털 도구를 탐색하는 것은 단순히 속도나 인체공학적 선호도의 문제가 아니라 근본적인 필요입니다. Figma를 모두에게 더 접근하기 쉬운 도구로 만들기 위한 지속적인 노력의 일환으로, 우리는 키보드와 스크린 리더를 주된 탐색 수단으로 사용하는 디자이너들로부터 피드백을 수집해 왔습니다. 알파 사용자 그룹을 포함한 이러한 디자이너들과의 긴밀한 협력이 새로운 키보드 접근성 기능에 직접적인 영향을 주었습니다.

우리는 대부분의 Figma 제품 전반에서 키보드 전용 디자이너의 장벽을 제거하는 일련의 새로운 기능을 도입하고 있습니다. 이제 사용자는 캔버스를 이동하고, 객체를 삽입하며, 정밀한 선택을 빠르고 쉽게 할 수 있습니다. 또한 개선된 스크린 리더 지원을 통해 사용자가 작업하는 동안 이러한 작업 내용이 소리로 읽혀져, 현재 상황을 더 쉽게 파악할 수 있습니다.

흐름을 유지하세요, 마우스도 필요 없습니다

지금까지는 키보드만 사용하여 프레임 사이를 이동하거나 컴포넌트를 선택하고 새 요소를 추가하기가 어려웠습니다. 이로 인해 캔버스 상단에 갇히거나, 엉뚱한 영역을 확대하거나, 잘못된 페이지로 이동하는 등의 문제가 종종 발생했습니다.

이동, 삽입, 선택과 같이 영향력이 큰 작업들을 개선함으로써, 우리는 키보드 전용 디자이너들의 중요한 고충을 해결하고 그들이 디자인 스프린트, 공동 창작 세션, 비평에 완전히 기여할 수 있도록 돕고자 합니다. 이러한 새로운 컨트롤 덕분에 Figma의 기존 키보드 단축키를 보완하여 마우스 없는 엔드투엔드 디자인이 가능합니다. 이제 한 알파 사용자가 말했듯이 "[Figma에서] 키보드 전용 사용자가 디자인 프로세스에 참여하는 데 방해가 될 만한 것은 거의 없습니다."

변경되는 내용은 다음과 같습니다.

패닝

이제 화살표 키를 사용하여 캔버스를 탐색할 수 있습니다. Shift 키를 사용하여 더 빠르게 이동하거나 스크롤할 수 있으며, 새로운 키보드 단축키를 활용하여 더 정밀하게 확대/축소하고 이동 및 손 도구에 액세스할 수 있습니다.

배치

이제 키보드만 사용하여 도형이나 텍스트 같은 대부분의 개체 유형을 캔버스에 삽입할 수 있습니다. 예를 들어, 키보드 단축키와 십자선 가이드 뷰를 사용하여 프레임을 삽입하거나, Enter 키를 눌러 화면 중앙에 텍스트를 배치할 수 있습니다.

선택

새로운 키보드 박스 선택 도구를 사용하면 키보드만으로 캔버스의 개체를 선택할 수 있습니다. 화살표 키를 사용하여 분홍색 커서를 개체 위로 옮긴 뒤 Enter 키를 눌러 개체를 하나씩 선택할 수 있습니다. 선택 박스를 사용하여 여러 항목을 한꺼번에 선택할 수도 있습니다.

더 포용적인 디자인 경험

이러한 새로운 기능은 Figma 탐색을 쉽게 만드는 것을 넘어, 더 많은 사람들이 창작 과정에 참여할 수 있게 합니다. 이번 업데이트 외에도, 우리는 팀이 Figma를 사용하여 더 접근하기 쉽고 포용적인 제품을 만들 수 있도록 돕는 도구들을 도입해 왔습니다. 예를 들어, 색상 선택기의 명암비 검사기는 디자이너가 텍스트와 그래픽의 색상이 웹 콘텐츠 접근성 지침(WCAG) 표준을 충족하는지 확인할 수 있게 해주며, 디자인에서 시맨틱 HTML 태그를선택하는 옵션은 스크린 리더를 지원하는 제품을 만들 수 있게 해줍니다.

접근성은 체크박스 항목이 아니라, 모두를 위한 도구와 경험을 만들겠다는 약속입니다. 우리는 사용자로부터 지속적으로 배우고 있으며, 모든 디자이너를 위해 Figma의 장벽을 제거하고자 집중적인 접근성 개선을 수행하고 있습니다.

지원 센터에서 새로운 기능 사용법을 배우고스크린 리더 지원 활성화 방법을 포함한 궁금한 점을 해결해 보세요.

Create and collaborate with Figma

Get started for free