How I use Figma Draw for freelance illustration
Quick Overview
Shreya Rao explains that she utilized Figma's native drawing tools and component libraries, combined with AI tools for inspiration and iteration, to create the highly detailed isometric illustration for the "Shipped: Figma in India" event poster, emphasizing the benefit of componentizing elements for faster workflow and consistency.
Key Points: The illustration for the "Shipped: Figma in India" event was created using Figma's native drawing tools, rather than relying solely on generative AI. Shreya Rao developed a comprehensive library of modular, custom-drawn isometric elements, including people, plants, and scene components, which were organized into color palettes and compositions. The isometric perspective used a precise 30-degree angle to maintain spatial accuracy throughout the complex scene. The project involved intense iteration, taking about two to three days for the initial drafts and ideas, followed by a week to a week and a half to finalize and stitch everything together. The use of components and style consistency across the illustration helped manage the high level of detail efficiently. AI tools were used sparingly, primarily for generating initial ideas and visual inspiration, not for creating the final assets.
Context: This video features Shreya Rao, a Senior Product Designer at Groww, in a deep dive session hosted by Jay Dalal, explaining her design process for creating a complex, detailed isometric illustration themed around the "Shipped: Figma in India" event. The illustration heavily incorporates Indian cultural elements, such as an auto-rickshaw, within a modular, 3D-like Figma canvas structure.
Detailed Analysis
Shreya Rao details the creation of the isometric illustration for the "Shipped: Figma in India" event, which drew inspiration from the grandeur and detail of Bollywood film set designs. The illustration features a central, multi-layered structure representing the Figma canvas, populated with Indian cultural motifs like an auto-rickshaw, lush foliage, and various characters performing actions like drawing or mixing paint. The entire scene is rendered using a consistent 30-degree isometric perspective. Shreya emphasizes that while AI tools were used for initial inspiration, the core components were drawn manually using Figma's native tools to maintain high fidelity and stylistic control. She organized the illustration assets into component libraries categorized by 'Elements,' 'Compositions,' and 'Strips,' which included custom patterns and vector shapes. This modular approach allowed for easier iteration and ensured consistency across the detailed environment. The entire illustration process, from initial concept to final output, took approximately two to three days for drafting and another week to finalize the stitching together of all the detailed elements. She highlights the importance of maintaining detail without letting it overwhelm the composition, noting that the use of components helped manage this complexity efficiently, avoiding the need to redraw elements repeatedly.