Design Thursday #54
A weekly recap of everything you need to know about tools, events, guidelines and design in general.
Framer editor bar
Framer added a new UI, called the Editor Bar, that let’s you live edit any published website you own or worked on and goes directly to the right place in the Framer interface. Making it easier to make real time edits when you spit them while browsing your website.

Per page JavaScript
Webflow now provides an option to turn on per page JavaScript. Previously it would generate one large JavaScript file for the whole website eventhough that page might not use any of it. This could decrease performance and result in a lower score like Google’s Lighthouse score.
Read more about JavaScript per page

Custom easing
Jitter now allows you to define your own easing curves, making it possible to customize the motion of your animations even more. This is also great to reuse across animations to stay consistent with your brand.

New in Play
Play shared a few previews recently like the Play SDK that let’s you reuse prototypes in your codebase instead of just copy pasting code snippets. What’s even more exciting, you will soon be able to create real apps in Play and publish them in the App Store. On top of that they are working on fetching external data from APIs.

Lottie Accessibility Analyzer
LottieFiles added a new feature to check if your animation meets accessibility standards so you can ensure that all content on your websites or apps are WCAG compliant. It will check for motion sensitivity, visual contrast, generate an accessibility report and give your animation an accessibility score.

Firefly Video available for everyone
Adobe made the previously closed beta-only Firefly Video model available for everyone last week. This is a great option for IP-friendly and commercially safe AI video generation. This means that it’s not trained on copyrighted material. You can now generate an image, create a video from that image, translate audio to different languages and generate vector assets all in the Firefly web app.
SVG export fixes
Figma previously didn’t always export all SVGs properly as some effects or styles were not applied. You can now expect diamond gradients or background blurs to be included in your export. So you can use it correctly in any of your projects. Keep in mind: if the platform you’re using the SVG on doesn’t support these styles or effects, they still won’t show up.