Illustration | Techlist.io

figmaMay 6, 20252 min readCurated summary

Express Yourself with Figma Draw | Figma Blog

Figma Draw is a new workspace within Figma Design that combines streamlined vector editing with expressive illustration tools. It aims to help designers move between precise UI work and more creative, tactile design without switching applications or disrupting their workflow. The feature emphasizes faster iteration, improved control, and a workspace tailored to visual expression. ## A Workspace for Visual Expression - Figma Draw reorganizes Figma’s interface around illustration and vector design. - New expressive tools include: - Brushes and pencils - Dynamic strokes - Progressive blur - Texture and noise effects - Text on a path - The redesigned workspace includes: - **Layers panel:** Thumbnail previews for frames, groups, shapes, vectors, and images make assets easier to navigate. - **Toolbars:** Pen, brush, and pencil tools are more prominent, while specialized vector features are easier to access. - **Properties panel:** Larger previews, sliders, expanded stroke controls, and preselected fills, strokes, and effects reduce repetitive adjustments. ## Faster, More Precise Vector Editing - Quality-of-life improvements make it easier to: - Select vertices - Align and distribute objects - Tab between selected geometries - Close open paths - Update vector handles - Upgraded boolean and outline-stroke engines make combining and subtracting shapes more fluid. - Multiple node editing allows users to select and edit several vector nodes simultaneously. - Keyboard shortcuts support faster workflows: - **Enter** edits selected nodes together. - **Shift-click** adds nodes to a selection. - **Command-click** jumps into vector editing on another node. - The shape builder tool helps construct icons and logos from multiple shapes. - Lasso selection makes it easier to select irregular groups of objects or detailed regions of the canvas. ## Tools for Creative Experimentation - Figma Draw expands Figma beyond production-focused vector work into illustration and visual exploration. - Brushes can create more distinctive marks, while texture and noise effects add tactile qualities. - Progressive blur introduces depth and softness to designs. - The goal is to let designers create icons, illustrations, branding assets, social graphics, and other expressive work without relying on external tools or plugins. Figma Draw is positioned as a way to keep both precise and expressive design work inside one canvas. Designers who regularly switch between interface design, illustration, branding, and visual assets may benefit most from its unified workflow and expanded vector controls.

Read original

Illustration Graphic Design Figma Design Figma Draw+2

figmaApr 22, 20253 min readCurated summary

The Art Of Art Direction | Figma Blog

Art direction is a collaborative practice built on balance: aligning a brand’s identity, an illustrator’s style, and a project’s constraints without suppressing creative individuality. Figma’s Maria Chimishkyan and Jefferson Cheng argue that strong art direction depends on trained visual judgment, clear communication, and trust in collaborators. The best results often emerge when the initial concept is clear but the final execution remains open to surprise. ## Craft in Illustration and Art Direction - Illustration craft develops through repetition and practice until technical skills become intuitive. - For art directors, craft also means “training the eye”—filtering the vast number of visual artifacts in the world and recognizing what resonates. - Good art direction requires: - Strong editing and decision-making. - A compelling starting concept. - The ability to communicate ideas clearly. - Collaboration throughout the process. - The art director’s role is not only to direct, but also to create the conditions for collaborators to become personally invested in the work. ## Choosing the Right Illustrator - Finding an illustrator is compared to casting an actor: the artist must suit the project while bringing a distinctive perspective. - Important qualities include: - A clear understanding of their own style. - The ability to communicate ideas in unexpected ways. - Confidence working through ambiguity. - Once the core idea is established, art directors give illustrators room to execute rather than over-managing every decision. - Artists may be selected specifically because they have not tackled the requested subject before, allowing them to stretch into unfamiliar constraints. ## Turning Complex Ideas into Visual Narratives - Technical or dense subjects are often reduced to a concise metaphor before visual development begins. - Art directors then decide whether the metaphor should be represented literally or abstractly. - Abstract interpretations can leave more room for viewers—and illustrators—to find meaning. - Examples include: - Hoi Chan’s dreamy botanical illustration for an article using gardening as a metaphor for engineering feedback. - Haik Avanian’s clay-like illustrations for Config talks, including an exaggerated heirloom tomato that became especially memorable. - The strongest work can move beyond its original metaphor and create an independent emotional or visual experience. ## The Advantage of Being an Illustrator - Art directors with firsthand illustration experience better understand: - How mysterious and time-consuming creative work can be. - The expectations and pressures illustrators face. - How to give realistic, constructive feedback. - Experience encourages greater empathy and trust in collaborators. - Over time, the art directors learned to stop pre-visualizing the final result and instead let the illustrator guide the project toward an unexpected outcome. - Effective feedback should make collaborators excited and invested, sometimes encouraging them to push their work further. Art direction works best when it combines a clear foundation with creative freedom. Define the purpose and constraints, choose collaborators whose perspectives add something distinctive, and trust them enough to let the final work evolve beyond the original plan.

Read original

Illustration Figma Visual Design Animation+3

figmaOct 14, 20193 min readCurated summary

Bringing new life to Figma’s brand | Figma Blog

Figma’s 2019 brand refresh expanded an existing visual language rather than replacing it. The process centered on collaboration, using research and Figma itself to create a brand that could feel both professional and playful. The result emphasized curiosity, vibrancy, honesty, boldness, and the imperfect process of making. ## Evolving an Existing Brand Language - Figma found that its original brand foundations were strong but had been created when the company was much smaller. - The refresh expanded the limited brand guide with additional rules for areas such as blog imagery and illustration. - Existing elements, including geometric shapes, were given new applications while remaining recognizable. - The goal was continuity: the new identity should feel like an extension of Figma’s original character. ## Defining Figma’s Personality - The team treated Figma as a person to clarify how the brand should behave and communicate. - Four personality traits became the main guideposts: - **Curious:** clever, playful, imaginative, and eager to explore. - **Vibrant:** dynamic, confident, energetic, and enthusiastic. - **Honest:** inclusive, empathetic, approachable, and willing to learn. - **Bold:** powerful, unexpected, nonconforming, and authentic. - These traits were intended to let the brand shift between consumer and enterprise audiences, and between reserved and playful expressions. ## Shapes That Represent Collaboration - Figma’s new illustrations use shapes as characters that interact, cooperate, disagree, or simply coexist. - Their positioning creates different compositions and communicates collaboration. - Illustrations vary in complexity: - Simple visuals support learning and clarity. - More abstract arrangements are used when the context allows greater expression. - Basic shapes can combine into complex images, making the construction process visible. - The illustrations deliberately show work in progress, including edited or manipulated elements, rather than presenting only polished final results. - This imperfect quality reflects the messy, evolving nature of design and encourages people to share how they make things. ## A Typeface with Hidden Character - Figma selected **Whyte** by Swiss type foundry Dinamo as its new brand typeface. - The team preferred Whyte’s **inktrap** version, which contains notches historically used in metal type to control pooled ink. - These details are subtle at small sizes but become visible when enlarged, giving the typography an illustrative quality. - The typeface supports Figma’s desired balance between conventional clarity and nonconforming personality. ## Refreshing Figma with Figma - The team created the entire refresh in Figma rather than relying on Photoshop or Illustrator. - Working in its own product challenged the designers to develop new workflows and creative techniques. - Collaboration was central, and Figma’s capabilities sometimes pushed ideas further than initially planned. - The tool became both the subject of the rebrand and the medium through which the new identity was developed. The refresh demonstrates how a growing company can strengthen its brand by extending existing principles, defining a clear personality, and making the creative process itself part of the identity.

Read original

Illustration Figma Collaboration Typography+3

figmaAug 11, 20182 min readCurated summary

Designer Q&A: Camellia Neri’s five catalysts for creativity | Figma Blog

Camellia Neri, Lead Illustrator at Gusto, draws creative energy primarily from childhood memories and nostalgic places. Her five inspirations—from Disneyland to San Francisco’s hidden history—teach her to value research, surprise, storytelling, collaboration, and overlooked details. Together, they form a creative practice focused on making illustrations feel both genuine and richly imagined. ## Main Street, Disneyland - Neri’s childhood memories of Disneyland began with watching a parade from her father’s shoulders. - Main Street’s detailed storefronts, gold-leaf lettering, and carefully constructed world showed her how craft creates authenticity. - She applies the same principle to illustration by researching subjects thoroughly and approaching each visual decision intentionally. ## Pee-Wee’s Playhouse - The show inspired her through its combination of comedy, puppetry, life lessons, unusual artwork, and unexpected details. - Its creators included animator Ric Heitzman, cartoonist Gary Panter, and painter Wayne White. - Neri believes strong illustrators add surprising moments and personal “easter eggs” that reveal their individuality and delight the audience. ## The Los Angeles Museum of Natural History - The museum’s taxidermy dioramas influenced her because they function like large, three-dimensional illustrations. - Carefully arranged animals, painted backgrounds, lighting, and ecosystem-specific color palettes create complete visual stories. - She sees the same qualities in effective landing pages: strong storytelling, impactful visuals, and dynamic design working together as one experience. ## Quentin Blake and Roald Dahl - Neri kept her Roald Dahl books illustrated by Quentin Blake even after giving away most of her childhood collection. - Blake’s drawings strengthened Dahl’s whimsical narratives and helped define the books’ characters and shared creative identity. - She compares the illustrator-writer relationship to a marriage, emphasizing the importance of choosing collaborators carefully and nurturing a productive partnership. ## San Francisco’s Hidden History - San Francisco’s obscure historical stories provide Neri with an ongoing source of ideas and conversation. - She illustrates these discoveries on a Medium blog and uses Figma to maintain a consistent visual brand across the project. - Her work reflects the illustrator’s role in making unseen or forgotten worlds visible, such as the city’s buried ships and other historical oddities. Neri’s approach recommends looking closely at personal memories, cultural influences, collaborators, and overlooked details. Creative inspiration can come from anywhere, but it becomes most powerful when transformed through research, craftsmanship, and a distinctive personal perspective.

Read original

Illustration Figma User Experience Graphic Design+2

figmaJun 6, 20183 min readCurated summary

How one designer finds inspiration in rabble rousers like Bart Simpson | Figma Blog

Linda Eliasen, Head of Design at Help Scout, draws creative energy from unconventional figures who challenge social rules and expectations. Her inspirations—from Bart Simpson to SNL comedians and Carl Sagan—helped her question conformity, reject restrictive ideas about femininity, and bring greater imagination and technical curiosity to her design work. ## Inspiration as a Creative Force - Eliasen rejects the idea that inspiration is entirely controllable or predictable. - She humorously describes inspiration as an almost supernatural force that arrives when artists keep showing up and working. - This view separates personal ego from creative results: success belongs to inspiration, while failure does not define the artist. - Her creative development was shaped by discovering broader worlds beyond her conservative hometown in Fayetteville, Georgia. ## Bart Simpson: Questioning the Rules - Bart Simpson encouraged Eliasen to imagine life beyond obedience and conformity. - As a shy, anxious child, she identified with Bart’s willingness to challenge: - His parents - Authority figures such as Chief Wiggum - School bullies and social expectations - Bart represented the freedom to say and do things she privately wished she could. - Learning that Bart was voiced by Nancy Cartwright added another layer of appeal, suggesting a playful challenge to traditional ideas about masculinity and identity. ## The Women of *Saturday Night Live*: Rejecting the “Pretty Girl” Ideal - SNL performers showed Eliasen that women could be funny, strange, messy, imaginative, and publicly expressive. - Growing up, she had limited access to female role models who pursued unconventional ambitions such as sports, architecture, comedy, or space exploration. - Social expectations emphasized being attractive, polite, thin, charming, and non-confrontational. - Performers including Cheri Oteri, Molly Shannon, Maya Rudolph, Tina Fey, Kristen Wiig, and Amy Poehler challenged those expectations through: - Ridiculous costumes and physical comedy - Unattractive or exaggerated appearances - Absurd characters - Bold, unconventional humor - Their example helped Eliasen see that women did not need to fit a polished, traditionally feminine ideal to succeed or take center stage. ## Carl Sagan: Expanding Technical Curiosity - Sagan’s writing opened new intellectual directions for Eliasen. - His ideas influenced her to incorporate more technical qualities into her creative work. - She describes discovering his essays as a transformative experience that brought renewed energy and possibility to her design practice. - Sagan represents inspiration through science, wonder, and curiosity rather than conventional artistic sources. Eliasen’s examples suggest that creative inspiration can come from rebellious humor, unconventional role models, and scientific exploration. Designers can expand their work by seeking influences that challenge inherited assumptions and make room for more playful, curious, and individual perspectives.

Read original

Illustration Product Design Design Color Theory+1

figmaMar 1, 20173 min readCurated summary

Can designers make a political difference? | Figma Blog

The post argues that designers can make a political difference by applying their skills, platforms, and creative work to support vulnerable communities and challenge political ideas. After Trump’s election, many designers moved from grief to action through pro-bono services, fundraising, public art, and political satire. Their work may not change policy directly, but it can strengthen organizations, shape public conversation, and build solidarity. ## Visible: Design Support for Grassroots Organizations - Portland agency The Beauty Shop responded to the 2016 election by offering free design work to organizations serving women, people of color, Hispanic, Muslim, immigrant, and LGBTQ communities. - The response quickly grew: - Their Instagram following quadrupled in two days. - Around 300 designers and studios volunteered, including a Facebook design team. - The founders created Visible, a coalition connecting designers with grassroots organizations. - Its initial twelve partners included: - The Iowa Abortion Access Fund - Nightingale, a healthcare-focused publication - The Yemen Peace Project, whose website had been attacked by hackers - The designers argued that strong branding and visual structure can make organizations appear more legitimate and help them succeed. ## Creative Action Network: Celebrating Shared Values - Creative Action Network (CAN) organizes artists around social-good campaigns for groups such as the National Parks Conservation Association and the New York Public Library. - After the election, CAN launched a project to publish one poster per day for the first 100 days of the Trump administration. - The posters celebrated elements of American life including jazz and religious freedom. - Rather than focusing only on protest, CAN emphasized celebrating the values and communities people wanted to preserve, creating common ground. ## Hallie Bateman: Art as Fundraising and Personal Resistance - Illustrator Hallie Bateman questioned whether her usual focus on ordinary moments still fit a changed political reality. - After reflecting on art’s role during periods of conflict, she began using her illustrations to raise money. - She sold a limited-edition drawing and donated the proceeds, excluding printing costs, to Planned Parenthood, raising $2,000. - She later created another print to support the Sierra Club. - Bateman acknowledged that her approach was informal and could become more strategic, but viewed creative fundraising as a meaningful way to contribute. ## Ben Barry: Political Satire Through Design - Former Facebook designer Ben Barry accepted a freelance assignment from The New York Times to design a satirical job application mocking Trump. - He explored several visual directions, including: - A poorly formatted elementary-school field-trip flyer - A document styled like an internal Russian government memo - An exaggerated, gold-and-brassy design reflecting Trump’s public image - The project allowed Barry to use design and humor in one of the country’s largest newspapers to criticize an administration he opposed. Designers can contribute politically by offering practical expertise, amplifying causes, raising funds, celebrating shared values, and using visual communication to expose or ridicule political power. The examples suggest that meaningful action does not require a single grand strategy; individual creative efforts can support broader movements.

Read original

Illustration Web Design Graphic Design Social Media+1