All You Need to Know About Hana’s Latest Features: Figma Import, Pencil Tool, Frame as Fill & More

Quick Overview

Hana has released several new features, including Pencil Tool updates for versatile freehand drawing, the ability to apply gradients or images as stroke fills, seamless import of Figma files via drag-and-drop, 3D transformation using Frame as Fill, and improved page management functionality, all aimed at boosting designer productivity.

Key Points: The Pencil Tool now allows for drawing without immediate snapping, offering greater creative control for freehand illustrations (2:07). Users can apply complex color transitions, including gradients and image fills, directly onto vector strokes (2:45). Figma files can now be imported directly into Hana by dragging and dropping the .fig file onto the canvas (1:23). The 'Frame as Fill for 3D Meshes' feature allows 2D UI frames to be used as textures on 3D objects, enabling real-time updates (0:39). The 'Pages' feature allows users to organize their work into distinct sections like 'UI Design,' 'Component,' and 'Exploration' for better project structure (1:50). The video demonstrates applying multi-color gradients across the cursive text 'hana' using stroke color control points (2:48). The interface updates include new toolbars, layer management view improvements, and property panels that now support these advanced features.

Context: This video presents a tour of the latest feature updates for the design software Hana, hosted by a presenter named Mari from the Display Team. The goal is to showcase several powerful new capabilities designed to enhance a designer's workflow, focusing on drawing improvements, advanced styling options for strokes, better external file integration, and 3D manipulation capabilities.

Detailed Analysis

The video walks through five major updates in Hana. First, the Pencil Tool is enhanced to allow drawing fluid, freehand strokes without automatic shape recognition, giving users more control over vector paths (2:07). Users can adjust the thickness and color of these pencil strokes using the properties panel. Second, the Stroke settings now support applying gradients or even images as the stroke fill, allowing for rich, dynamic line art, as demonstrated by applying a multi-color gradient across the word 'hana' (2:45). Third, Hana now supports direct drag-and-drop importing of Figma (.fig) files, which helps designers migrate assets easily and avoid tedious copy-paste issues (1:23). Fourth, the 'Frame as Fill' feature allows any 2D frame to be used as a texture map on a 3D object, with changes to the 2D frame reflecting instantly on the 3D model, effectively enabling real-time 3D texturing (0:39). Finally, project management is improved with robust 'Pages' functionality, letting users organize their canvas into separate sections like 'UI Design' and 'Explorations' for cleaner project navigation (1:50). The presenter concludes by encouraging viewers to subscribe for future updates.