

네, 저희가 이렇게 부르기로 했습니다: 웹용 After Effects. 브라우저에서 처음부터 벡터 애니메이션을 디자인하고, Motion Copilot AI로 더 빠르게 작업하며, State Machines으로 상호작용을 연결하고, 프로덕션에 바로 사용 가능한 Lottie + dotLottie로 내보내세요. 데스크톱 앱도, 개발자 인수인계도 필요 없습니다.
Loading comments…
성과
프로젝트 정보
제품 키워드
Lottie Creator 2.0은 브라우저 기반 벡터 애니메이션 도구로, 데스크톱 소프트웨어를 설치하지 않고도 프로덕션에 바로 사용할 수 있는 Lottie 및 dotLottie 파일을 디자인, 애니메이션화 및 내보낼 수 있습니다. 이 도구는 완전한 기능을 갖춘 타임라인 편집기, Motion Copilot AI 어시스턴트, 그리고 상호작용을 추가하기 위한 State Machine 시스템을 하나의 웹 인터페이스 안에 결합합니다. 가볍고 확장 가능한 모션 디자인을 위해 특별히 제작된 웹용 After Effects라고 생각하면 됩니다.
작업 공간에는 프레임별 제어가 가능한 멀티초 타임라인, 가이드 및 그리드 스냅을 지원하는 512×512 캔버스, 드래그 앤 드롭 에셋 업로드 기능이 포함됩니다. 원점을 설정하고, 최대 30FPS까지 조정하며, 브라우저에서 직접 애니메이션을 미리 볼 수 있습니다.
자연어 프롬프트를 통해 애니메이션을 생성하고 다듬을 수 있도록 도와주는 내장 AI 어시스턴트입니다. 키프레임을 수동으로 조정하는 대신 원하는 모션을 설명하면 코파일럿이 무거운 작업을 처리하여 반복 작업과 탐색 속도를 높여줍니다.
시각적 State Machine 시스템을 사용하여 호버, 클릭 또는 스크롤 트리거 애니메이션과 같은 인터랙티브 동작을 연결할 수 있습니다. 이를 통해 코드를 작성하지 않고도 반응형 이벤트 기반 모션을 만들 수 있어 디자인과 개발 간의 격차를 해소합니다.
완성된 애니메이션을 Lottie JSON 또는 dotLottie 파일로 내보내 웹, 모바일 또는 데스크톱에서 프로덕션에 바로 사용할 수 있습니다. 플러그인이나 변환 단계가 필요 없으며, 모든 플랫폼의 Lottie 플레이어와 호환되는 깔끔하고 가벼운 출력물을 제공합니다.
"데스크톱 앱도, 개발자 인계도 필요 없는 웹용 After Effects."
Lottie Creator 2.0은 애니메이션 워크플로우에서 가장 큰 두 가지 장애물인 소프트웨어 설치와 팀 간 인계를 제거합니다. 초기 스케치부터 최종 내보내기까지 모든 작업이 브라우저에서 이루어집니다. AI 지원 모션 디자인과 내장 상호작용 기능이 결합되어 데스크톱 앱을 열거나 코드 한 줄 작성하지 않고도 애니메이션 UI 요소를 프로토타입하고 출시할 수 있습니다.
정기적으로 Lottie 애니메이션을 제작하고 더 빠르고 협업적인 워크플로우를 원하는 디자이너 또는 개발자라면 주목하세요. 타임라인 제어, AI 지원, 인터랙티브 상태 관리를 제공하는 웹 기반 After Effects 대안을 찾고 계셨다면 Lottie Creator 2.0을 사용해보세요. 특히 웹, iOS, Android 전반에서 작동해야 하는 마이크로 인터랙션, 온보딩 플로우 또는 애니메이션 아이콘을 출시하는 팀에게 유용합니다.
고려해볼 만한 다른 도구
에이전트가 AI를 캔버스에 도입하여 사이트를 디자인, 작성, 분석, 구성할 수 있도록 도와줍니다. 또한 팀이 라이브 전에 아이디어를 탐색할 수 있는 새로운 방식인 브랜칭(Branching)과 크리에이터가 공유하고 수익을 창출할 수 있는 새로운 Framer 커뮤니티(Framer Community)도 함께 출시합니다. 이러한 출시는 팀이 웹사이트를 만들고, 유지 관리하고, 확장하는 방식을 변화시킵니다. 여러분께서 마음에 들어 하시리라 생각합니다.
Alai는 브랜드의 모든 세부 사항을 디자인 시스템에 담아냅니다. 이를 활용해 프레젠테이션, 소셜 미디어 콘텐츠, 광고 또는 모든 크기의 캔버스를 완벽하게 브랜드에 맞게 제작할 수 있습니다. 수동으로 정밀하게 편집하거나 AI를 활용할 수도 있습니다. 또한 원하는 AI 모델을 선택해 비용, 품질, 응답 속도를 조절할 수 있습니다.
앱이 바이브코딩(vibecoding)으로 만들어졌는지 알 수 있습니다. 사용자들도 마찬가지입니다. 그 흔한 보라색 그라데이션, 알약 모양과 배지, 곳곳에 박힌 이모지들, 이 모든 것이 "AI가 20분 만에 만들었다"고 말해줍니다. Uiverse Design은 어떤 프로젝트에든 바로 적용할 수 있는 AI 우선 디자인 시스템 라이브러리입니다. 각 시스템은 실제 타이포그래피, 간격, 색상, 이미지 및 컴포넌트 처리를 정의합니다. 모든 시스템에는 DESIGN.md 지침 파일이 포함되어 있어, AI 에이전트가 이를 정확히 사용하는 방법을 알 수 있습니다. 여러분은 그저 편안히 앉아 앱이 변화하는 모습을 지켜보기만 하면 됩니다.
macOS 워크벤치로, Claude, Codex, Hermes가 사용자의 사양, 연구 자료, Figma 파일을 기반으로 실행됩니다.
제작자
blueprint_b
Loading comments…