Phase

Phase의 고급 키프레임 제어 기능은 제품 디자이너가 완벽한 타이밍에 맞춰 디테일하고 인터랙티브한 애니메이션을 제작할 수 있도록 지원합니다. Lottie Lab은 해당 기능이 부족하여 기본 애니메이션 작업에 더 적합합니다.

Lottie Lab

dotLottie 내보내기

Phase는 초보부터 전문가까지 모든 수준의 UI/UX 디자이너에게 적합한 무료 웹 기반 애니메이션 도구로, 설치 없이도 애니메이션과 전환을 빠르게 제작할 수 있습니다. 반면 Adobe After Effects는 높은 시스템 사양이 필요하고 구독료가 비싸며 초보자가 배우기 어려워 가파른 학습 곡선이 존재합니다.

After Effects

두 가지 모두 훌륭한 협업 도구지만, 앱과 웹사이트 애니메이션을 작업하는 디자이너에게는 Phase가 가장 적합합니다. Fable은 동영상 편집자에게 더 적합하며 전문적이고 디테일한 UI/UX 디자인 작업에 필요한 전문적인 도구가 부족합니다.

Fable

GIF 내보내기

Phase는 주요 지점 사이의 움직임을 자동으로 채워서 애니메이션을 쉽게 만들 수 있기 때문에 빠르게 수정할 수 있습니다. Figma는 프레임 단위 애니메이션으로 디테일한 제어가 가능하지만 속도가 느리고 유연성이 떨어질 수 있습니다.

Figma

Phase는 제품 디자이너를 위해, 제품 디자이너에 의해 만들어졌습니다. Rive는 디테일한 게임과 캐릭터 애니메이션 제작에 적합하지만 초보자에게는 복잡하고 느려서 Phase와 비교했을 때 게임 외의 프로젝트에는 적합하지 않습니다.

Rive

사용 편의성 등급(1~5)

Import SVG 가져오기

모션 핸드오프

JSON 내보내기

버전 내역

무료

팀 관리

Figma 통합

JSON 가져오기

멀티 커서 지원

UI/UX 디자이너용

댓글 달기

이미지 가져오기

트림 패스

MP4 내보내기

large_after_effect.png

medium_after_effect.png

small_after_effect.png

thumbnail_after_effect.png

after_effect.png

medium_fable.png

small_fable.png

thumbnail_fable.png

fable.png

large_Software=Figma (1).png

medium_Software=Figma (1).png

small_Software=Figma (1).png

thumbnail_Software=Figma (1).png

Software=Figma (1).png

large_lottie_lab.png

medium_lottie_lab.png

small_lottie_lab.png

thumbnail_lottie_lab.png

lottie_lab.png

large_rive.png

medium_rive.png

small_rive.png

thumbnail_rive.png

rive.png

Phase가 제게 적합한 도구일까요?

Phase & After Effects

Phase 시작하기

제품

에디터

공동 작업

비교

릴리즈 노트

학습하기

튜토리얼

자료

소개

채용

커뮤니티

자주 묻는 질문

규정

개인정보 취급방침

서비스 약관