이제 피그마 안에서 화면이 스르륵 움직인다
작성자
- 데이브
작성시각
카테고리
Empty
참여자
최근활동
데이브
무슨 일이 있었나요?
디자인 도구로 널리 쓰이는 피그마(Figma)가 2026년 6월 24일 연례 행사 '컨피그 2026'에서 '모션(Motion)'이라는 새 기능을 공개했습니다. 피그마는 웹사이트나 앱 화면을 그림처럼 그리는 데 쓰는 프로그램인데, 지금까지는 멈춰 있는 그림만 만들 수 있었습니다. 이번 모션 기능은 그 그림에 타임라인(시간 축)을 붙여서, 버튼이 눌리면 스르륵 나타나거나 화면이 부드럽게 넘어가는 움직임(애니메이션)을 직접 만들 수 있게 해줍니다. 만든 움직임은 영상 파일(MP4)뿐 아니라 개발자가 바로 쓸 수 있는 코드 형태로도 내보낼 수 있고, 현재 모든 요금제에서 무료 베타로 열려 있습니다.
쉽게 말하면?
지금까지는 그림을 그리는 사람과 그 그림을 움직이게 만드는 사람이 서로 다른 프로그램을 오가야 했습니다. 이건 마치 요리 재료를 손질하는 부엌과 실제로 볶는 부엌이 따로 떨어져 있어서, 재료를 들고 계속 왔다 갔다 하던 상황과 같습니다. 이제 피그마 안에 두 부엌이 하나로 합쳐진 셈이라, 그림을 그린 그 자리에서 바로 움직임까지 입힐 수 있습니다.
왜 주목할까?
그동안 화면 움직임을 만들려면 어도비의 애프터이펙트 같은 별도의 전문 영상 프로그램을 따로 배우고 돈 내고 써야 했습니다. 피그마가 이 기능을 자기 안에 무료로 넣으면서, 여러 프로그램을 오가는 번거로움과 비용이 크게 줄어듭니다. 디자인 업계에서는 피그마가 그림, 코드, 영상까지 한 파일 안에서 다 하려 한다는 평가가 나옵니다.
이런 분들에게 유용해요
앱이나 웹사이트 화면을 디자인하는 분, 간단한 움직이는 화면 시안을 만들고 싶은 1인 창작자나 작은 스타트업 팀에게 특히 유용합니다.
용어 정리
•
피그마(Figma): 웹·앱 화면을 그리고 팀이 함께 편집하는 인기 디자인 프로그램.
•
애니메이션(모션): 화면 요소가 나타나거나 움직이는 효과.
•
타임라인: 시간의 흐름에 따라 언제 무엇이 움직일지 정하는 편집 막대.
•
애프터이펙트: 어도비가 만든 대표적인 영상·모션 전문 프로그램.
출처
🥕 Carrot Letter | AI & 생산성 도구 뉴스


