# illustration Published articles for illustration. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Yestalgia: Bringing Decathlon's '90s Spirit to Life Through a Playful Digital Experience DevFeed: [Yestalgia: Bringing Decathlon's '90s Spirit to Life Through a Playful Digital Experience]() Original publisher: [Read original article]() Author: Quentin Hocdé and Jonathan Da Costa Published: 2026-09-12T08:40:31Z Content type: article Language: en Sources: [Codrops]() Topics: [micro-interactions for websites]() Tags: [90s-inspired-design](), [90s-web-design](), [animation](), [articles](), [case-study](), [creative-development](), [creative-technology](), [creative-web-design](), [decathlon-digital-experience](), [decathlon-website](), [decathlon-yestalgia](), [design](), [development](), [editorial-web-design](), [experimental-web-design](), [fashion-web-design](), [gsap](), [gsap-animation](), [illustration](), [immersive-web-experience](), [interactive-storytelling](), [interactive-website](), [lenis-smooth-scroll](), [motion-design](), [nostalgic-web-design](), [performance](), [piecesjs](), [product](), [product-focused-design](), [product-launch](), [rive](), [rive-animation](), [typography](), [walkman-navigation](), [web](), [web-animation](), [wordpress](), [wordpress-custom-theme](), [yestalgia]() ### AI overview This article presents Yestalgia, Decathlon's '90s-inspired capsule collection website. It explains how editorial product presentation, vibrant illustration, expressive typography, animation, micro-interactions, and a cassette-player navigation concept turn the campaign's nostalgic art direction into a playful digital experience. ### Source excerpt A closer look at how Yestalgia brings Decathlon's '90s-inspired vision to the web through art direction, interaction, animation, and creative development. ## Why I joined the Daily UI challenge after 5 years in UX, and what it taught me DevFeed: [Why I joined the Daily UI challenge after 5 years in UX, and what it taught me]() Original publisher: [Read original article]() Author: Neil Nkoyock Published: 2026-07-21T03:10:03Z Content type: opinion Language: en Sources: [LogRocket Blog]() Topics: [Artificial Intelligence]() Tags: [ai](), [career-development](), [creativity](), [design](), [illustration](), [typography](), [ui](), [uncategorized](), [ux](), [ux-design](), [ux-writing]() ### AI overview A UX designer revisits the 100-day Daily UI challenge to reconnect with hands-on design and compare manual work with AI-assisted concept generation. The experience explores whether shared AI tools flatten creativity, while observing that submissions responding to the same prompts can still differ substantially in typography, layout, color, illustration, and visual personality. ### Source excerpt After five years in UX, I revisited the Daily UI challenge to reconnect with hands-on design. Along the way, I learned that great interfaces come from thoughtful briefs, sound judgment, and user feedback, not just better AI tools. The post Why I joined the Daily UI challenge after 5 years in UX, and what it taught me appeared first on LogRocket Blog. ## AI vs. human illustrators? AI + human illustrators! DevFeed: [AI vs. human illustrators? AI + human illustrators!]() Original publisher: [Read original article]() Author: Travis Turner (richardturner@evilmartians.com) Published: 2026-07-01T00:00:00Z Content type: article Language: en Sources: [Evil Martians]() Topics: [Artificial Intelligence]() Tags: [ai](), [design](), [design-for-devtools](), [developer-community](), [illustration](), [production](), [workflow]() ### AI overview Evil Martians describes replacing attempts at fully automated AI illustrations with a human-in-the-loop workflow. The blog editor handles the first mile, AI performs most of the work, and a dedicated illustrator completes the final mile to produce illustrations the team considers high quality. ### Source excerpt Evil Martians went from attempting to one-shot AI illustrations to a human-in-the-loop workflow with a dedicated illustrator. When a human owns first and last mile of this process, illustrations are crisp, high-quality and fun. Go BTS of our illustration production. ## Express yourself with Figma Draw DevFeed: [Express yourself with Figma Draw]() Original publisher: [Read original article]() Author: Lauren Budorick; Joel Miller; Tim Van Damme; Rogie King Published: 2025-05-07T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Canvas](), [Web]() Tags: [design](), [features](), [figma](), [illustration](), [social-media](), [tools](), [ui](), [vector](), [web](), [workflow]() ### AI overview Figma Draw is a new vector-editing experience within Figma Design, combining simpler vector controls with expressive tools such as brushes, dynamic strokes, blur, texture and noise effects, and text on a path. It is designed to help designers create illustrations, icons, logos, web graphics, and social media graphics without switching tools. ### Source excerpt Figma Draw pairs faster, simpler vector editing with powerful tools for visual expression--so designers of all stripes can bring their vision to life without breaking focus. ## The power of play DevFeed: [The power of play]() Original publisher: [Read original article]() Author: Laura Fehre Published: 2025-04-22T00:00:00Z Content type: opinion Language: en Sources: [Figma Blog]() Topics: [Figma](), [systems]() Tags: [creativity](), [design](), [design-systems](), [efficiency](), [figma](), [illustration](), [playground](), [vector](), [work]() ### AI overview A Figma Designer Advocate describes creating the Mani Mansion, a digital nail salon playground inspired by Barbie Nail Designer and real nail salons. The project explores how play, imperfection, and unexpected detours can foster creativity alongside structured design systems. ### Source excerpt When Designer Advocate Laura Fehre set out to design a digital nail salon, she had a vision in mind. Nailing it, however, meant letting go of perfection and letting herself play. ## What makes designers and developers happy at work? DevFeed: [What makes designers and developers happy at work?]() Original publisher: [Read original article]() Author: Figma Published: 2025-03-27T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [data]() Tags: [2025](), [developers](), [illustration](), [report](), [survey](), [technologies](), [work]() ### AI overview The article examines five factors that affect designers' and developers' happiness at work, drawing on a State of the Designer 2025 survey of 943 designers and developers. It discusses reported job satisfaction, organizational support for design as a strategic partner, and balancing exploration with current and future product work. ### Source excerpt According to our recent survey, here are the five key factors impacting the happiness of designers and developers at work--and how to optimize them. ## The History and Variations of GitHub's Octocat Mascot DevFeed: [The History and Variations of GitHub's Octocat Mascot]() Original publisher: [Read original article]() Author: Jake Lee Published: 2024-12-07T00:00:00Z Content type: article Language: en Sources: [Jake Lee's Programming Blog]() Topics: [GitHub](), [communications]() Tags: [art](), [cat](), [cats](), [communications](), [design](), [github](), [illustration](), [logo](), [mona-lisa](), [twitter]() ### AI overview An overview of GitHub's Octocat mascot, including Mona's origins, the creation of the Octodex, and the evolution of Octocat designs from classic to modern variations. ### Source excerpt If you've used GitHub for any length of time, you've probably seen their odd "Octocat" logo. This cute little cat also has a lot of bizarre variations, here's an explanation of them all! ## Just our type: The story of creating Figma Sans DevFeed: [Just our type: The story of creating Figma Sans]() Original publisher: [Read original article]() Author: Jenny Xie Published: 2024-09-05T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Simulation and Design]() Tags: [article](), [design](), [figma](), [illustration](), [series](), [types]() ### AI overview Figma's brand evolution included creating Figma Sans, a bespoke typeface designed by Grilli Type. The article explains how the team chose a contemporary grotesque style and prioritized flexibility, legibility, varied weights, optical sizes, and usability across display text and reading surfaces. ### Source excerpt As Figma expands to include tools for all product builders, our community has evolved--and so has our brand. We've overhauled our entire visual identity from color palette to illustration style, and even commissioned a new typeface. ## Meet the Maker: Andrey Prokopenko DevFeed: [Meet the Maker: Andrey Prokopenko]() Original publisher: [Read original article]() Author: Andrey P. Published: 2024-02-08T09:30:08Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [App]() Tags: [automatic](), [community](), [designer](), [freelance](), [gaussian](), [illustration](), [local](), [mac](), [made-with-sketch](), [photoshop](), [vector]() ### AI overview A Meet the Maker interview with freelance designer and illustrator Andrey Prokopenko about his use of Sketch, his Inspirational Illustrations series, and the tools, features, and workflow he uses to create illustrations. ### Source excerpt "I would advise you to start with a sketch, form a general composition, and then layer by layer add elements and little things that will fill the illustration." ## A behind-the-scenes look at building the Slack Design illustration library DevFeed: [A behind-the-scenes look at building the Slack Design illustration library]() Original publisher: [Read original article]() Author: lcarmen2 Published: 2023-04-27T04:00:05Z Content type: article Language: en Sources: [Slack Design]() Topics: [Slack](), [Library](), [Website]() Tags: [building](), [creative](), [design](), [designer](), [external](), [fonts](), [illustration](), [marketing](), [post](), [product](), [product-features](), [technical](), [what-we-do]() ### AI overview A Slack brand designer explains how the company developed a cohesive illustration library after its earlier website-focused library caused inconsistent use across the organization. The article describes design principles and two illustration styles: objects for literal or technical product explanations, and people for marketing and external communications. ### Source excerpt When Slack's new website launched in 2017, I felt like a kid in a candy store. As a brand designer, there's nothing more exciting than having new brand fonts and an entire library of illustrations at our disposal. However, this creative freedom was short-lived and replaced with frustration. Much like a sugar crash! Our new [...] The post A behind-the-scenes look at building the Slack Design illustration library appeared first on Slack Design. ## A new collaboration with Adobe DevFeed: [A new collaboration with Adobe]() Original publisher: [Read original article]() Author: Dylan Field Published: 2022-09-15T00:00:00Z Content type: news Language: en Sources: [Figma Blog]() Topics: [Figma](), [dev-tools]() Tags: [3d](), [acquisition](), [adobe](), [collaboration](), [creative-tools](), [design](), [developer-tools](), [figma](), [illustration](), [news](), [photography](), [video]() ### AI overview Figma announces an agreement to be acquired by Adobe, describing the combination as a way to accelerate Figma's growth and innovation through Adobe's technology, expertise, and resources. The article also discusses plans to incorporate capabilities related to imaging, photography, illustration, video, 3D, and font technology while keeping Figma operationally autonomous. An editor's note states that Figma and Adobe ended the pending acquisition on December 18, 2023, because they no longer saw a path toward regulatory approval. ### Source excerpt Editor's Note: On December 18, 2023, Figma and Adobe ended our pending acquisition, as we no longer saw a path toward regulatory approval of the deal. Read more here. ## Uninitialized Stack Variables DevFeed: [Uninitialized Stack Variables]() Original publisher: [Read original article]() Published: 2021-11-25T03:46:08Z Content type: article Language: en Sources: [Signs of Triviality]() Topics: [undefined\_behavior]() Tags: [behavior](), [illustration](), [undefined-behavior]() ### AI overview An illustration explains how uninitialized stack variables can lead to undefined behavior. ### Source excerpt An illustration of how uninitialized stack variables can lead to undefined behavior. ## Updating Illustrations at Scale DevFeed: [Updating Illustrations at Scale]() Original publisher: [Read original article]() Author: Emma Orhun Published: 2021-06-03T20:48:53Z Content type: article Language: en Sources: [Shopify Engineering](), [Shopify Engineering - Shopify Engineering]() Topics: [Shopify](), [Primer](), [Code](), [Open Source](), [App](), [API](), [SVG](), [pdf]() Tags: [applications](), [code](), [design](), [dev](), [developers](), [documentation](), [education](), [illustration](), [images](), [open](), [open-source](), [product](), [scale](), [shopify](), [source](), [svg](), [tools]() ### AI overview This article describes how Shopify's Polaris team updated the illustration style across the Shopify product and addressed the difficulty of managing illustrations spread across more than 6,000 repositories. The team built an open source solution that helps illustrators find illustrations and their references in code across repositories, sort them by file size or reference count, and filter them by repository. ### Source excerpt The Polaris team creates tools, education and documentation that helps unite teams across Shopify to build better experiences. We created Polaris, our design system, and continue to maintain it. We are a multidisciplinary team with a range of experience. Some people have been at Shopify for over 6 years and others, like me, are a part of our Dev Degree program.