Figma 단축키Figma 공부Figma 독학Figma 필수 기능Figma 필수 단축키

Figma 필수 단축키 공부

KUKJIN LEE
KUKJIN LEE
2024년 4월 28일
164

기능

Windows 단축키

Mac 단축키

기능검색

[ Ctrl ] + [ / ]

[ Cmd ] + [ / ]

오브젝트 복제

[ Ctrl ] + [ O ]

[ Cmd ] + [ O ]

투명도 조절

숫자키 0~9(00~0%)

숫자키 0~9(00~0%)

그룹(Group)

[ Ctrl ] + [ G ]

[ Cmd ] + [ G ]

그룹해제

[ Ctrl ] + [ Shift ] + [ G ]

[ Cmd ] + [ Shift ] + [ G ]

눈금자

[ Shift ] + [ R ]

[ Shift ] + [ R ]

확대

[ Ctrl ] + [ + ] / [ Ctrl ] + [ 휠↑ ]

[ Cmd ] + [ + ]

축소

[ Ctrl ] + [ - ] / [ Ctrl ] + [ 휠↓ ]

[ Cmd ] + [ - ]

컴포넌트 만들기

[ Ctrl ] + [ Alt ] + [ K ]

[ Cmd ] + [ Option ] + [ K ]

프레임 복제

[ Alt ] + Drag

[ Option ] + Drag

관련 글

Depth(계층 구조) 적정 수준과 구조 설계

메뉴 및 정보 구조 설계 시, 사용자 경험(UX)를 고려한 적정 Depth(계층 구조)의 기준과 Depth가 깊어졌을 때 문제점과 해결 방안에 대해서 생각한 방법입니다. 특히 정보량이 많은 웹앱에 적합한 기준과 설계 방향에 대해서 생각했습니다. Depth란 무엇인가? ...

2025년 6월 25일167

게슈탈트 이론으로 UI/UX 디자인 최적화하기

웹 개발과 디자인의 세계에서는 사용자의 경험을 향상시키는 것이 가장 중요합니다. 이를 위해 게슈탈트 이론은 매우 유용한 도구가 될 수 있습니다. 게슈탈트 이론의 주요 원칙을 살펴보고, 이를 웹 디자인에 어떻게 적용할 수 있는지에 대해 알아보겠습니다. 이러한 원칙들을 이...

2024년 7월 29일292

Figma에서 버튼 클릭으로 페이지 및 섹션 이동 설정하는 방법

Figma에서 버튼을 클릭하여 페이지 간 이동하거나 페이지 내 특정 섹션으로 스크롤하는 방법을 알아보겠습니다. 1. 페이지 간 이동 설정 버튼 선택 : 페이지 또는 섹션으로 이동시키고 싶은 버튼을 선택합니다. 프로토타이핑 모드로 전환 : 오른쪽 상단의 Prototype...

2024년 6월 14일4322

Figma Dev Mode 활용

개발자 모드 사용법 개발자들은 Chrome의 F12 버튼을 통해 개발자 모드를 활성화하여 웹페이지의 개발 내용을 검사합니다. Figma의 개발자 모드 역시 유사한 기능을 제공하여, 디자인과 코드가 어떻게 연결되는지 직접 확인할 수 있습니다. 선택 및 디테일 그룹화된 객...

2024년 5월 16일510