ბლოგი · პოსტი
Figma Motion → Flutter ახლახან გაცილებით მოკლე გზად იქცა.
და მგონია, ბევრ Flutter-გუნდს ეს ჯერ არ შეუმჩნევია.
Figma Motion-ს შეუძლია Animated SVG-ის ექსპორტი.
full_svg_flutter-ს კი შეუძლია ეს Animated SVG პირდაპირ Flutter-აპლიკაციის შიგნით დახატოს.
- არანაირი კონვერტაცია Lottie-ში.
- არანაირი WebView.
- არანაირი Flutter-ში თავიდან აწყობილი ანიმაცია.
- არანაირი შუალედური ფორმატი ანიმაციისთვის.
სამუშაო პროცესი შეიძლება ზუსტად ასეთი იყოს:
Figma Motion → Animated SVG-ის ექსპორტი → Flutter
დიზაინერი ანიმაციას ქმნის.
დეველოპერი ერთ .svg ფაილს იღებს.
Flutter ანიმაციას პირდაპირ ხატავს.
წლების განმავლობაში, როცა საძიებოში წერდით „Figma Motion to Flutter“, „Figma animation export Flutter“, „animated SVG Flutter“ ან „Flutter SVG animation“, როგორც წესი, კონვერტაციის კიდევ ერთ ეტაპს პოულობდით.
- Lottie.
- Rive.
- JSON.
- რომელიმე plugin.
- WebView.
ან ანიმაციის ხელით თავიდან აწყობა.
მაგრამ თუ საწყისი ასეტი უკვე Animated SVG-ია, კონვერტაცია საერთოდ რაღა საჭიროა?
სწორედ ამ პრობლემის გადასაჭრელად შევქმენი full_svg_flutter.
ის ანიმირებულ SVG-ს პირდაპირ Flutter-ში უჭერს მხარს, მათ შორის SMIL-ს, CSS-ანიმაციებს, ტრანსფორმაციებს, path morphing-ს, მასკებს, გრადიენტებს, ფილტრებს, SVGator-ის ექსპორტებსა და დაკვრის მართვას.
ახლა კი Figma Motion ამ სამუშაო პროცესს გაცილებით საინტერესოს ხდის.
დიზაინერებო, კეთილი იყოს თქვენი მობრძანება Flutter-ში.
დავწერე უფრო ღრმა ანალიზი იმის შესახებ, თუ როგორ მუშაობს Figma Motion → Animated SVG → Flutter, რატომ არის ეს მნიშვნელოვანი დიზაინერისგან დეველოპერისთვის ნამუშევრის გადაცემისას და საით შეიძლება წავიდეს ეს ყველაფერი შემდეგ.
და თუ Figma Motion-ს იყენებთ, გამომიგზავნეთ თქვენი ყველაზე რთული Animated SVG-ექსპორტი.
გულწრფელად მინდა, რომ რენდერერის გატეხვა სცადოთ.