Figma, 30 Eylül 2026’da Figma Motion’a dört yenilik ekledi: kaydedilip kütüphanelerde paylaşılabilen animasyon stilleri, zaman çizelgesine ses, harf-kelime-satır düzeyinde metin animasyonu ve Lottie / dotLottie dışa aktarma. Motion hâlâ açık beta aşamasında ve her planda, dosyada düzenleme yetkisi olan herkes kullanabiliyor (Figma Release Notes, Figma Yardım).
Bu güncellemenin önemi tek tek özelliklerde değil, toplamında: hareket artık bir tasarım dosyasının sonradan eklenen süsü değil, tasarım sistemine kaydedilen, geliştiriciye dosya olarak giden bir parça hâline geliyor.
Figma Motion nedir?
Figma Motion, tasarım dosyasından çıkmadan animasyon oluşturmanızı, düzenlemenizi ve üretime hazırlamanızı sağlayan yerleşik bir animasyon aracı. Hazır animasyonlar, elle anahtar kare kontrolü, yumuşatma (easing) ayarları ve Figma agent’a hareketi tarif ederek anahtar kare ekletme seçenekleri var. Zaman çizelgesi ekranın altında duruyor; yorumlar animasyonun belirli bir anına zaman damgasıyla bağlanabiliyor (Figma Yardım).
30 Eylül güncellemesinde ne var?
Animasyon stilleri: hareket tasarım sistemine giriyor
Renk ve yazı stilleri gibi, artık hareket de kaydedilebilir bir stil. Figma’nın anlattığına göre:
Kaydet: Özel yumuşatma, süre ve değişkene bağlı diğer özellikleri bir animasyon stili olarak saklayın.- Birleştir: Birden fazla stili daha zengin bir animasyonda toplayıp tek desen olarak yeniden kullanın.
- Yayınla: Stilleri kütüphanelere yayınlayın; her dosya aynı setten beslensin.
- Ajanlarla uygula: Stiller Figma agent ve MCP ya da Skills üzerinden bağlanan kod ajanlarıyla otomatik uygulanabiliyor (Figma).
Kaydet: Özel yumuşatma, süre ve değişkene bağlı diğer özellikleri bir animasyon stili olarak saklayın.Son madde, tasarım sistemi ekipleri için en somut kazanç. Bir “sayfa geçişi” ya da “kart açılışı” hareketini bir kez tanımlayıp hem tasarımcının hem de MCP üzerinden çalışan bir kod ajanının aynı değeri kullanması, “prototipte başka, üretimde başka” sorununu küçültüyor.
Ses ve metin animasyonu
Ses, zaman çizelgesinin bir parçası oluyor: bir ses dosyasını herhangi bir hareket klibine ya da zaman çizelgesine sürükleyip anahtar karelere göre kırpabiliyor, bölebiliyor ve kaydırabiliyorsunuz. MP4 ve WebM dışa aktarımında ses de animasyonla birlikte çıkıyor (Figma).
Küçük bir uyarı: Bu yazının hazırlandığı 1 Ekim 2026’da Figma Motion yardım sayfası hâlâ “zaman çizelgesine ses ekleme yakında geliyor” diyordu (Figma Yardım). Sürüm notu güncel; yardım sayfası geriden geliyor olabilir. Hesabınızda göremiyorsanız beta dağıtımının kademeli olabileceğini hesaba katın.
Metin animasyonu tarafında bir metin katmanının harflerini, kelimelerini ya da satırlarını ayrı ayrı canlandırabiliyorsunuz. Önemli ayrıntı: animasyon uygulandıktan sonra metin tamamen düzenlenebilir kalıyor, yani yazıyı değiştirmek animasyonu baştan kurmayı gerektirmiyor.
Lottie ve dotLottie dışa aktarma: geliştiriciye ne gidiyor?
Lottie, animasyonu vektör ve JSON olarak taşıyan, web ve mobil uygulamada oynatılan bir format; dotLottie (.lottie) ise bunun paketlenmiş hâli. Figma artık “desteklenen animasyonları” bu iki formatta doğrudan dışa aktarıyor (Figma). Böylece Motion’dan geliştiriciye giden yollar dörde çıkıyor:
| Yol | Ne gider? | Ne zaman uygun? |
|---|---|---|
| MP4 / WebM | Video dosyası (artık sesle) | Sosyal medya, sunum, ürün videosu |
| Lottie / dotLottie | Vektör animasyon dosyası | Uygulama ve web arayüzünde oynatılacak, ölçeklenebilir animasyon |
| Dev Mode | Salt okunur zaman çizelgesi, kopyalanabilir CSS/JSON | Geliştiricinin değerleri elle uygulayacağı arayüz hareketleri |
| MCP sunucusu | Animasyon verisi ajan tabanlı kod araçlarına | Kod ajanıyla çalışan ekipler |
Hangi animasyon Lottie’ye sorunsuz geçer?
Figma sürüm notunda yalnızca “desteklenen animasyonlar” diyor; hangi özelliklerin yerel Lottie dışa aktarımında korunduğunu listelemiyor. Fikir vermesi için tek somut veri, LottieFiles’ın kendi Figma eklentisinin Figma Motion dışa aktarma belgesi. Dikkat: bu liste Figma’nın yerel dışa aktarması için değil, LottieFiles eklentisi için (LottieFiles).
Pratik çıkarım: Lottie’ye gidecek bir animasyonu tasarlarken konum, opaklık ve boyut gibi temel dönüşümlerle başlayın; shader efektleri gibi Figma’ya özgü görsel efektleri video çıktısına saklayın. Yerel dışa aktarmanın sınırlarını Figma netleştirene kadar kritik animasyonları dışa aktarıp bir Lottie oynatıcıda test etmek en güvenli yol.
Kimler kullanabilir?
Figma’daki diğer yeniliklerin genel resmi için 2026’nın en önemli 10 Figma özelliği ve Figma agent paneli yazılarımıza; web tarafında ajanla animasyon kurmanın başka bir örneği için Webflow’un MCP ile GSAP animasyonu yazımıza bakabilirsiniz.
Sık sorulan sorular
Figma Motion Lottie dışa aktarma nasıl yapılır?
Figma 30 Eylül 2026 sürüm notunda Motion animasyonlarının Lottie ya da dotLottie dosyası olarak dışa aktarılabildiğini duyurdu. Yalnızca “desteklenen animasyonlar” aktarılıyor; Figma hangi özelliklerin desteklendiğini henüz ayrıntılı listelemedi, bu yüzden dosyayı bir Lottie oynatıcıda test etmek iyi olur.
Figma Motion ücretli mi?
Figma’nın yardım sayfasına göre Figma Motion her planda kullanılabiliyor ve dosyada düzenleme yetkisi olan herkes erişebiliyor. Araç şu an açık beta aşamasında.
Figma Motion’da ses nasıl eklenir?
Sürüm notuna göre bir ses dosyasını hareket klibinin ya da zaman çizelgesinin üzerine sürüklüyorsunuz; ardından anahtar karelere göre kırpıp bölebiliyorsunuz. MP4 ve WebM dışa aktarımında ses animasyonla birlikte çıkıyor.
Figma animasyon stilleri ne işe yarar?
Yumuşatma, süre ve değişkene bağlı özellikleri bir stil olarak kaydedip farklı dosyalarda yeniden kullanmanızı sağlar. Stiller kütüphaneye yayınlanabiliyor ve Figma agent ya da MCP üzerinden bağlanan kod ajanları tarafından otomatik uygulanabiliyor.
Kaynaklar: Figma Release Notes — Motion adds custom styles, audio, text animations and Lottie export (30 Eylül 2026); Figma Yardım — Explore Figma Motion; LottieFiles Docs — Figma Motion export.
Bir Yorum Yazın