![Figma to Lottie: Figma에서 애니메이션 만들기 지원기능 [최신 업데이트]](https://blog-cdn.lottiefiles.com/cdn-cgi/image/width=1200,quality=80,format=auto/2024/01/Figma-to-Lottie_-All-the-Latest-Updates-for-Creating-Animations-in-Figma-1.png)
[최근 업데이트: 2023년 12월 14일]
Figma 용 LottieFiles 플러그인은 단순히 디자이너의 도구 상자속 또 하나의 다른 도구가 아니라 모션 디자이너들에게 혁신적인 게임 체인저로 사랑받고 있습니다. Figma의 정교한 디자인과 Lottie의 유동적인 애니메이션 사이의 원활한 다리 역할을 하는 이 플러그인은 Figma to Lottie의 소개 이후로 많은 정적 디자인을 손쉽게 제작 가능한 애니메이션으로 변환 시켜주고 있죠.
Figma to Lottie 기능에 아직 익숙하지 않다면 시작하기 전에 다음 블로그 들을 확인해보세요:
- Figma to Lottie: Figma 및 LottieFiles를 사용하여 제작 가능한 애니메이션 생성하기; 그리고
- Figma to Lottie로 제작 가능한 Lottie 애니메이션 만들기 방법.
Figma to Lottie가 발표된 이후로 LottieFiles는 이 기능이 많은 사람들에게 필수 도구가 되었다는 것을 잘 알고 있습니다. 많은 사랑에 보답하기 위해 LottieFiles는 Figma to Lottie 기능에 대한 최신 업데이트를 지속적으로 제공하고 있으며 여러분에게 최고의 도구를 제공하기 위해 늘 노력하고 있는 이유입니다.
이 블로그에서는 LottieFiles for Figma 플러그인의 Figma to Lottie 기능에 대한 모든 최신 업데이트 목록을 소개하고자 합니다.
1.텍스트 지원
🔥 Hot off the update list for @figma to Lottie: we’ve added text support, including variable font compatibility!
— LottieFiles (@LottieFiles) July 13, 2023
Now you can create captivating animated text effects using a wide range of font variations - perfect for marketing banners, ads, and more. pic.twitter.com/z9NdV46DUs
텍스트 지원으로 사용자들은 다양한 글꼴 변형을 선택하여 매력적이고 멋진 애니메이션 효과를 손쉽게 만들 수 있습니다.
2.그라데이션 지원
애니메이션에 깊이와 현실감을 그라데이션으로 표현할 수 있습니다. 그라데이션 지원으로 선형 및 원형 그라데이션을 통합하여 시각적 영향을 증폭시키고 디자인을 더욱 돋보이게 만들 수 있죠.
3.Boolean Shapes 지원
Exciting news! 🌟
— LottieFiles (@LottieFiles) July 5, 2023
Our LottieFiles for @Figma plugin now supports boolean shapes!
Complex designs and shapes created with the union, subtract, intersect, or exclude functions can now be animated and exported to Lottie with our plugin! No sweat. 🧩 pic.twitter.com/kqzCuE0Bwx
창의적인 생각에 다양한 모양을 추가해보세요! Figma to Lottie는 Boolean 연산 기능을 지원하며 연합, 빼기, 교차 또는 제외 기능을 사용하여 만든 디자인을 원활하게 애니메이션화할 수 있습니다.
4.벡터 마스크 지원
🥳 Our LottieFiles for @Figma plugin just got an upgrade: we added vector mask support!
— LottieFiles (@LottieFiles) June 29, 2023
Now you can hide or reveal selected contents of your layers with the Figma to Lottie feature, allowing you to create complex visual effects & apply selective visibility to your animations. pic.twitter.com/0esRcxF65A
정교한 디자인에 생명을 불어넣는건 어떨까요? 벡터 마스크 지원으로 내용 레이어를 선택적으로 숨기거나 표시할 수 있습니다. 그 결과로 애니메이션에 독특한 풍미를 더하는 복잡한 시각 효과를 얻을 수 있습니다.
5.Trim Path 기능
@figma to Lottie just got even better with the new Trim Path feature! 🎉 ✂️
— LottieFiles (@LottieFiles) July 26, 2023
Now you can animate stroke layers and create stunning motion designs effortlessly.
Download LottieFiles for Figma now 👉 https://t.co/kt9X5TBEJ0 pic.twitter.com/HoLmtbzPxY
Trim Path 기능을 사용하면 스트로크 레이어를 애니메이션화하여 디자인을 눈에 띄는 모션 그래픽으로 변환할 수 있습니다.
6.속도 제어
Take charge of your animation speed with the latest @figma to Lottie update!
— LottieFiles (@LottieFiles) August 3, 2023
Now you can speed up or slow down your animation to any pace you like with ease. 🏃♂️
Try out LottieFiles for Figma 👉 https://t.co/kt9X5TBEJ0 pic.twitter.com/dr930r5tTw
원하는 속도로 표현하기! 속도 제어 기능으로 애니메이션 속도를 설정 할 수 있습니다. 빠르게 표현하거나 천천히 진행하고 싶다면 간단한 클릭으로 해결해 보세요.
7.프리셋 제어
😎 @Figma to Lottie feature just got another upgrade: preset controls!
— LottieFiles (@LottieFiles) August 23, 2023
Now you can fine-tune the duration, adjust delays, and choose whether to animate in sequence or in parallel.
Start animating with LottieFiles for Figma at https://t.co/dR1j5j2kz2. pic.twitter.com/VzB4EgGNqU
더 많은 제어기능은 더 높은 정밀도를 의미하기도 합니다. Figma to Lottie에 프리셋 기능을 활용해 보세요. 애니메이션의 지속 시간을 맞춤 설정하고 다양한 제어 옵션을 탐험해보세요. 순차적인 레이어 애니메이션을 위해 Linear 설정을 선택하거나 모든 레이어를 동시에 시작하려면 Parallel을 선택하세요.
8.스트로크 그라데이션 지원
🌈 A colorful update on @figma to Lottie: stroke gradients!
— LottieFiles (@LottieFiles) September 19, 2023
You can now add linear and radial gradients to the stroke fill, and they are also supported with presets. pic.twitter.com/gUp4HKphYf
기존의 색상에 추가적으로 더 많은 색상이 필요하다면? 스트로크 그라데이션을 사용해 보세요! 이제 스트로크 속성에 선형 및 원형 그라데이션을 추가할 수 있습니다. 스트로크 그라데이션 또한 프리셋에서 지원됩니다.
9.중첩된 프레임 및 그룹 회전
Nested frames and group rotations are here by popular demand! 🎉 Now live on LottieFiles for @Figma (https://t.co/XHjutaqYKJ). 😄
— LottieFiles (@LottieFiles) November 22, 2023
With nested frames support, you can animate frames within frames, while grouped rotations eliminate the need to individually move layers. pic.twitter.com/Hc1J5SGtcs
가장 요청이 많았던 두 가지 기능이 추가 되었습니다: 중첩된 프레임 및 그룹 회전. 이새로운 업데이트로 프레임 내에서 프레임을 애니메이션화하고 그룹 회전으로 레이어를 개별적으로 이동하지 않고 일괄적으로 회전시킬 수 있습니다.
10.자동 레이아웃
Announcing 4 key updates on @figma to Lottie. 🔽
— LottieFiles (@LottieFiles) December 4, 2023
1. 🖥️ Auto Layout
- Animate the layout flow direction between vertical, horizontal, and wrapped layouts.
- Auto-space elements as the parent element resizes. pic.twitter.com/4dA1qrXZ4C
자동 레이아웃도 가능하다는 사실! 이제 플러그인은 자동 레이아웃을 정확하게 렌더링합니다. 자동 레이아웃 방향, 랩 및 간격을 사용하여 재미있는 애니메이션을 만들어보세요.
11.베리언트 컴포넌트
🌟 @Figma to Lottie: Latest update now supports Components.
— LottieFiles (@LottieFiles) December 21, 2023
You now have precise control over an individual element's movement, combine elements easily and create complex animations using your existing components.
Explore more at: https://t.co/kt9X5TBEJ0 pic.twitter.com/DCFsI4GD47
새로운 Figma to Lottie 업데이트와 함께 이제 더욱 복잡한 애니메이션 디자인 생성이 가능합니다! 단일 또는 다중 베리언트 컴포넌트를 사용하여 애니메이션 씬 내 개별 요소에 대한 섬세한 제어가 가능합니다.
질문이 있으신가요? 도움말 센터가 언제나 여러분을 기다립니다. Figma to Lottie 기능에 관한 질문에 빠르게 대응하기 위해 전용 도움말 센터를 운영하고 있으며 잠재적인 제한사항을 해결하는데 도움을 드리고 있습니다. 뿐만아니라, 도구를 최대한 활용하는 팁까지 모두 제공합니다.
Figma to Lottie 도움말 센터를 확인하세요: 도움말 센터 링크
Figma to Lottie로 만들수있는 애니메이션에 대한 아이디어가 필요하시다면 “Get Inspired with 30 Days of Figma to Lottie” 블로그 글을 확인해보세요. 다른 많은 디자이이너 분들의 창의적인 작품을 감상 하실 수 있으실 거에요. 그럼 행복한 디자인하세요!
