피그마 리퀴드 글래스 효과 정식 도입

Fri, 18 Jul 2025 07:20:18 GMT

![Image](https://upload.cafenono.com/image/slashpagePost/20250718/161850_zfB2r92ioVvmMbsqiY?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20250718/161850_M2S4GZ5C2qn0pab149?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20250718/161850_l3PgplYsAT3URp4aGH?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20250718/161850_mJIPK9q0nSQys91eK1?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20250718/161850_wJ8Wu7CeFjAq1OkN63?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20250718/161850_kh44HTYv9edneZWx9s?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20250718/161850_IQVieop7H1cFC5rkac?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20250718/161850_YV9N7K8QWPii6DRCIA?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20250718/161850_I4llo6Ox9ELORN5AGN?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20250718/161850_idvRN3RLlkXt5aGznp?q=80&s=1280x180&t=outside&f=webp)

피그마가 iOS 리퀴드 클래스 효과를 공식적으로 도입 했습니다. 글래스 효과의 도입으로 UI의 사실적인 유리 질감 표현은 물론 빛의 따른 시각적적 깊이를 손쉽게 구현 할 수 있게 되었습니다.

글래스 효과는 피그마 디자인과 드로우에서 사용할 수 있으며, 피그마 버즈와 슬라이드 같이 디자인 모드를 활성화 할 수 있는 다른 제품에서도 사용할 수 있습니다.

사용 방법은 프레임에 glass를 선택해 적용 하면 되고 조명, 굴절, 깊이, 분산, 불투명도를 개별적으로 적용해 사용자 선호에 맞게 조정할 수 있습니다.

하지만 베타버전 이기 때문에 몇 가지 제한 사항이 있습니다.

1. 프레임 에서만 사용 가능합니다. (도영에서는 사용 불가)

2. 프레임 모서리가 동일한 반경 값을 가져야 유리 효과가 적용 됩니다.

3. 배경 유리 전경 유리 렌더링에 영향을 미치지 않습니다.

4. 유리 프레임은 SVG로 내 보낼 수 없습니다.

5. 피그마 사이트에서 유리 프레임이 지원 되지 않습니다.

6. Apple의 Liquid Glass 대비 기능이 지원 되지 않습니다.

7. 저사양 PC나 복잡한 레이어 구조에서는 성능 자가 발생할 수 있습니다.