# All You Need to Know About Hana’s Latest Features: Figma Import, Pencil Tool, Frame as Fill & More Source: https://www.youtube.com/watch?v=q3b4RIVeo0U Recap page: https://rapidrecap.app/video/q3b4RIVeo0U Generated: 2026-02-06T14:33:49.502+00:00 --- ## 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. ![Screenshot at 0:03: Demonstration of the improved Pencil Tool drawing a freeform, thick blue spiral line without immediate shape snapping.](https://ss.rapidrecap.app/screens/q3b4RIVeo0U/00-00-03.jpg) **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. ### New Drawing Capabilities - Pencil Tool offers freehand drawing without snapping - Users can draw custom shapes immediately by pressing Shift + P (2:28) - Strokes are vector shapes allowing for post-drawing editing of thickness and color (2:32). ### Stroke Styling Enhancements - Gradients and Image fills are now available for strokes, not just fills (2:45) - Multi-color gradients can be applied to strokes with adjustable color stops (2:48). ### Figma Integration - Direct drag-and-drop import of .fig files is supported (1:23) - This allows designers to bring in complex Figma designs without typical copy/paste limitations (1:38). ### 3D Workflow Improvement - 'Frame as Fill for 3D Meshes' allows using a 2D frame as a texture on a 3D object (0:39) - Edits made to the source 2D frame update the 3D object in real-time (1:16). ### Project Organization - The 'Pages' panel now explicitly supports creating and switching between multiple pages (e.g., 'UI Design,' 'Component,' 'Exploration') for better workflow management (1:50). ![Screenshot at 0:04: The interface highlights the 'Gradient' option under the Stroke Fill settings, demonstrating advanced stroke styling capabilities.](https://ss.rapidrecap.app/screens/q3b4RIVeo0U/00-00-04.jpg) ![Screenshot at 0:22: A visual overview card highlighting 'Pencil' tool drawing and 'Stroke Gradients' functionality.](https://ss.rapidrecap.app/screens/q3b4RIVeo0U/00-00-22.jpg) ![Screenshot at 0:27: Demonstration of the 'Fill to 3D' feature, showing a 2D music player frame being transformed into a 3D object.](https://ss.rapidrecap.app/screens/q3b4RIVeo0U/00-00-27.jpg) ![Screenshot at 1:25: The screen shows a large set of social media icons copied from a Figma file being pasted into the Hana canvas.](https://ss.rapidrecap.app/screens/q3b4RIVeo0U/00-01-25.jpg) ![Screenshot at 2:54: A demonstration of applying a complex, multi-color gradient across the letters of the word 'hana' using stroke settings.](https://ss.rapidrecap.app/screens/q3b4RIVeo0U/00-02-54.jpg)