Bluepika's Blog

A summary of several animation tools and formats for developers and designers:

• HANA (by Spline): A 2D animation feature supporting interactive effects such as mouse-position following and keyboard triggers.
• GSAP (GreenSock Animation Platform): A powerful animation framework. Previously paid plugins, including SVG Plugins and ScrollSmoother, are now available for free.
• Rive: An animation tool that recently introduced Data Binding combined with State Machines, offering a more flexible alternative to Lottie for complex interactive effects.
• LAVA: A new animation format used by Airbnb for icon animations.

files-preview is a simple, zero-config HTTP server built on top of http-server. It is specifically designed to improve the workflow of design-to-development handoffs (such as those using Measure or Heron Handoff plugins) by providing a better GUI and preview capabilities. Key features include:

• Enhanced GUI compared to standard http-server.
• Project organization: Folders containing a cover.png inside an assets directory are treated as 'projects'.
• Preview mode: Built-in support for previewing images and SVG files.
• General purpose: Can be used to host static HTML (e.g., Axure or Principle 6 exports), perform local network file transfers, or provide temporary online preview links for media files.

Figma Slides is a presentation tool integrated into the Figma collaborative ecosystem. It inherits core Figma Design features, allowing designers to maintain consistency and efficiency without switching tools. Key integrated features include:

• Design Systems: Support for Auto Layout, Components, Plugins, Community assets, Text Styles, and Color Styles.
• Seamless Integration: Content formats are universal between Figma Design and Figma Slides, allowing direct copy-pasting of design elements and frames without exporting assets.
• Interactive Prototypes: High-fidelity prototypes created in Figma can be embedded directly into slides to demonstrate interactions during a presentation, ensuring a seamless flow.
• Grid View: Allows for editing content across multiple pages efficiently.

Apple Intelligence provides several system-wide utilities for text, organization, and communication:

• Writing Tool: Integrated text editing and refinement available during text composition.
• Image Playground / Emoji Generation: Generates images and emojis via a dedicated UI.
• Siri: Quick Q&A capabilities with the option to link a personal ChatGPT account in settings.
• Summarization: Available for both Emails and Notifications to provide concise overviews of content.
• Reminders: Automatically creates and moves new reminders into corresponding categories/columns.
• Photos: Includes search enhancements and object removal (Clean Up) tools.

The author highlights several tools and formats for animation and interactive design:

• HANA (by Spline): A 2D animation feature supporting interactive effects such as mouse-follow and keyboard triggers.
• GSAP: A powerful animation framework. Previously paid plugins, including SVG Plugins and ScrollSmoother, are now available for free.
• Rive: Recently introduced Data Binding which, combined with its State Machine, allows for complex interactive effects, serving as a more flexible alternative to Lottie.
• LAVA: A new animation format used by Airbnb for its icon animations.

Key Figma features introduced to bridge the gap between code and design include:

• Variants: Allows grouping variant logic of the same component into a single component for better organization.
• Interactive Components: Enables independent interaction and motion design within components, reducing the need for complex prototyping wires.
• Instance Swap Menu: Simplifies the process of replacing component instances in large-scale projects.