오늘은 Figma에서 자주 발생하는, 하지만 잘 알려지지 않은 문제에 대해 이야기해보려 합니다. 바로 프로토타입 제작 중 피그마 Fixed 기능이 비활성화되는 문제입니다. 이 글에서는 이 문제의 원인과 해결 방법을 상세히 알아보겠습니다.
문제의 시작
최근 Figma에서 프로토타입을 만들던 중, 특정 요소를 화면 스크롤에 관계없이 고정하고 싶었습니다. 그러나 ‘Fixed’ 옵션이 비활성화되어 선택할 수 없었죠.
처음에는 제가 겪는 특별한 문제라고 생각했습니다. 그러나 해결책을 찾아보는 과정에서 피그마 fixed 사라짐 문제가 생각보다 흔하다는 것을 알게 되었습니다. Figma 공식 포럼에서도 많은 사용자들이 이 문제에 대해 질문하고 있었습니다. 심지어 국내 블로그 등에는 이 문제를 해결할 수 있는 방법을 다루는 글이 없어서 애를 먹었습니다.
원인 분석
이 문제의 주요 원인은 Figma의 레이어 구조와 관련이 있습니다. ‘Fixed’ 속성은 특정 조건에서만 활성화되는데, 이는 Figma의 디자인 철학과 관련이 있습니다. Figma는 명확한 레이어 구조를 통해 디자인의 일관성과 관리 용이성을 높이고자 합니다.

피그마 fixed 비활성화 해결법
해결 방법은 의외로 간단합니다. 다음 단계를 따라해보세요.
- 고정하려는 요소(프레임)를 선택합니다.
- 해당 요소가 부모 프레임 바로 아래에 위치하는지 확인합니다.
- 만약 그렇지 않다면, 레이어 패널에서 요소를 드래그하여 부모 프레임 바로 아래로 이동시킵니다.
- 이제 ‘Design’ 패널에서 ‘Position’ 속성을 확인해보세요. ‘Fixed’ 옵션이 활성화되어 있을 것입니다.
원인은 고정하고자 하는 프레임이 부모 프레임 바로 아래에 있어야 합니다. 예를 들면 아래 화면처럼 부모 프레임 바로 아래가 아닌 하위 프레임을 선택한 후 Position을 변경하려 하면 Fixed가 비활성화 됩니다.

아래처럼 부모 프레임 바로 아래 있는 프레임을 선택한 후 Position을 클릭해보면 Fixed가 활성화 된 것을 볼 수 있습니다.


주의사항
- 그룹 내부의 요소는 ‘Fixed’ 속성을 가질 수 없습니다. 필요하다면 그룹을 해제하세요.
- 스크롤 가능한 영역을 제대로 설정했는지 확인하세요. 메인 프레임의 ‘Prototype’ 설정에서 ‘Overflow behavior’를 ‘Vertical scrolling’으로 설정해야 합니다.
추가 팁
- 컴포넌트 활용: 자주 사용되는 Fixed 요소는 컴포넌트로 만들어 재사용성을 높이세요.
- 반응형 디자인 고려: Fixed 요소가 다양한 화면 크기에서도 적절히 작동하도록 설계하세요.
- 성능 최적화: 너무 많은 Fixed 요소는 프로토타입의 성능을 저하시킬 수 있으므로, 꼭 필요한 요소만 Fixed로 설정하세요.
결론
Figma의 ‘Fixed’ 기능 문제는 많은 디자이너들이 겪는 공통적인 어려움입니다. 이 문제를 해결함으로써 우리는 Figma의 작동 방식을 더 깊이 이해하게 되고, 결과적으로 더 나은 프로토타입을 만들 수 있습니다.
디자인 도구와 기술은 계속해서 발전하고 있습니다. 따라서 우리도 지속적으로 학습하고 실험하는 자세가 필요합니다. 이 글이 여러분의 Figma 사용에 도움이 되었기를 바랍니다.
혹시 다른 Figma 관련 팁이나 트릭을 알고 계신다면, 댓글로 공유해주세요.
와 시원하게 해결되었어요 ㅜㅜ너무 감사합니다!!!
도움이 되셨다니 다행입니다 ^^