피그마(디자인 협업 도구)에서 만든 3D 효과를 이제 CSS 코드로 그대로 복사할 수 있다.

요약

Figma가 오픈 베타로 3D 변환 기능을 추가하여, 디자인에서 구현한 복잡한 3D 효과를 CSS 코드로 직접 추출할 수 있게 되었습니다. 이를 통해 디자이너와 개발자가 겪던 디자인과 코드 간의 번역 과정이 크게 단축됩니다. Dev Mode나 코딩 에이전트를 활용해 장면 구성 및 애니메이션까지 지원받을 수 있습니다.

핵심 포인트

• Figma에서 만든 3D 효과를 CSS 코드로 직접 복사 가능합니다.
• x, y, z 축 회전과 원근감 등 깊이 표현이 가능합니다.
• AI 에이전트가 장면 구성 및 키프레임 애니메이션을 지원합니다.
• Dev Mode와 코딩 에이전트를 통해 코드 구현 과정이 간소화됩니다.