[Figma] 피그마 작업물 CSS로 복사해서 가져오기

Figma를 오랜만에 사용하니 그 전에는 못봤던 기능이 하나 생겼다.

예전에는 피그마 작업물을 복사하면 옵션이 PNG로 복사하거나, SVG로 복사하는 옵션만 있던 것으로 기억하는데 CSS로 복사 하는 옵션이 생겼다! 🫢

복사하려는 대상을 우클릭한 뒤 Copy as CSS 옵션을 클릭해서, 원하는 곳에 붙여넣기 하면 아래와 같이 CSS가 paste 된다.

이런식으로 주석으로 구분해서 어떤 것에 해당되는 CSS인지도 알려준다.
대략적인 레이아웃이 필요할 때 요긴하게 쓸 수 있다. 👍👍

(설마 전에 있었는데 미처 못봤던 기능은 아니겠지...)