피그마 글래스모피즘 효과 출시

피그마가 애플의 새로운 디자인 언어 ‘글래스모피즘’ 효과를 정식 도입했습니다. 피그마는 이번 업데이트를 통해 ‘Glass’라는 새로운 효과를 출시했습니다. 실제 유리처럼 빛을 굴절시키고 깊이와 질감을 표현하는 기능으로 디지털 디자인에서 유리질의 물성을 구현할 수 있게 해줍니다.

Glass 효과는 피그마의 Design과 Draw 모드에서 사용할 수 있으며 Figma Buzz와 Slides 같은 Design Mode를 지원하는 제품에서도 활성화할 수 있습니다. 현재 베타 버전으로 제공되며 지속적인 개선이 예고되고 있습니다.

이 효과는 프레임에만 적용할 수 있습니다. 도형이나 텍스트에는 적용되지 않으며, 추후 더 다양한 오브젝트 유형으로 확장될 예정입니다. Glass는 프레임에 새로운 효과를 추가하고 드롭다운에서 ‘glass’를 선택하면 적용할 수 있습니다. 적용 후에는 다섯 가지 주요 매개변수를 조절해 원하는 효과를 세밀하게 조정할 수 있습니다.

  • 빛의 각도와 강도를 조절해 프레임 가장자리에서 빛나는 하이라이트의 위치를 변경할 수 있습니다.
  • 굴절값을 조정하면 프레임 가장자리에서 빛이 얼마나 휘어지는지를 결정할 수 있어 주변 오브젝트가 왜곡되는 정도를 조절할 수 있습니다.
  • 두께를 조절하면 유리의 입체감을 강화할 수 있어 프레임의 가장자리가 더 두드러지게 표현됩니다.
  • 분산값을 높이면 가장자리에서 색이 분리되는 듯한 ‘색수차’ 효과를 줄 수 있으며 굴절과 함께 조절할 때 더욱 인상적인 결과를 얻을 수 있습니다.
  • 배경 흐림 효과를 설정해 복잡한 배경에서도 유리 오브젝트가 돋보이도록 대비를 높일 수 있습니다.

다만 아직 해결되지 않은 제한 사항도 있습니다. 혼합된 코너 반경이 적용된 프레임에는 사용할 수 없으며 모든 코너의 반경값이 동일해야 합니다. 유리 효과를 중첩해서 사용할 때 배경의 유리가 전경의 유리에 반영되지 않으며, 흐림 처리된 레이어 위에 유리를 올리면 효과가 적용됩니다. 또한 유리 효과가 적용된 프레임은 SVG 형식으로는 내보낼 수 없고 이미지로 내보내기나 PNG 복사에서만 제대로 렌더링됩니다.

피그마 사이트에서도 유리 효과가 적용된 프레임은 캔버스에서는 보이지만 퍼블리싱 시 오류가 발생합니다. 애플의 Liquid Glass가 주변 오브젝트의 반사와 색상을 반영하는 것과 달리 피그마의 Glass는 이러한 기능이 포함되어 있지 않습니다.

마지막으로 복잡한 디자인이나 성능이 낮은 컴퓨터에서는 작업 속도가 느려질 수 있으므로 주의가 필요합니다. 피그마는 베타 기간 동안 사용자 경험을 지속적으로 개선할 것이라 밝혔습니다.

(C)Figma
(C)Figma
(C)Figma
(C)Figma
(C)Figma
(C)Figma

더 보기 및 출처

광고 없는 오픈카톡방

디자인 나침반 뉴스레터

11,156명이 구독하는 디자인 영감을 받아보세요.

Plus
26. 02. 10
Plus
26. 02. 09
Plus
26. 02. 06
Plus
26. 02. 05

디자인 나침반 뉴스레터

11,156명이 구독하는 디자인 영감을 받아보세요.

Design for Business