Jitter’s Post

View organization page for Jitter, graphic

6,143 followers

It's WWDC week! We couldn't resist animating our favorite bento boxes from the new Apple OS pages – they're just too much fun. It was also the perfect opportunity to use the excellent Figma plugin html.to.design by ‹div›RIOTS. Check out the full project breakdown below! 👇 − 👣 Step 1/4: Prep Your Design in Figma Don't have your design in Figma yet? No worries! You can use the html.to.design plugin by ‹div›RIOTS to bring your existing website into Figma in one click. 🎯 The html.to.design plugin 👉 https://lnkd.in/dfxWtbZ5 👣 Step 2/4: Export to Jitter Got your design in Figma? Let's make things move! With our Figma plugin, you can export your design to Jitter in 1 click. Every layer lands in Jitter just as you designed it – pixel-perfect and ready for animation. 🖥️✨ The Jitter plugin 👉 https://lnkd.in/ds6vMub 👣 Step 3/4: Animate Your Design Time to bring your designs to life! Jitter makes it easy to add smooth transitions, eye-catching effects, and dynamic movements: use our animation presets for quick styling, or craft your animations from scratch to match your brand. 🎨🕺 👣 Step 4/4: Export to Video All set? Just hit the Export button to download your animation in video, GIF, or Lottie format. You can also share the URL of your Jitter project with your developers: they'll have everything they need to replicate your animations in code! 🔗💻 − 💬 Have questions or want tips on refining your animations? Drop your thoughts below or DM us! In the meantime, here is the Jitter file that includes all the animations inspired by the WWDC bento boxes for you to remix, also available on our Templates page: 👉 https://lnkd.in/ewHmSa9j Happy designing! 🌟🛠️

Maxime Bois

Lead digital designer

3mo

Wow 🥰

Like
Reply

To view or add a comment, sign in

Explore topics