Newslurp

<< Stories

Figma Code Layers 🎨, Meta Gen AI for Ads  🤖, YouTube’s Shoppable Stickers 🛍️

TLDR Design <dan@tldrnewsletter.com>

June 19, 12:07 pm

TLDR Design
Figma has introduced “code layers” in Figma Sites, enabling designers to build fully interactive, production-ready web elements ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ 

TLDR

TLDR Design 2025-06-19

📱

News & Trends

Figma is rolling out code layers for interactive design (2 minute read)

Figma has introduced “code layers” in Figma Sites, enabling designers to build fully interactive, production-ready web elements directly within the design interface using AI-powered assistance and a built-in code editor. This feature allows for rich customization—such as animations, real-time data, and interactive tools—without requiring deep coding skills, bridging the gap between design and development.
Meta's Advantage+ Adds Gen AI Tools for Advertisers and Agencies (2 minute read)

Meta announced new generative AI features for its Advantage+ advertising platform at Cannes Lions, including tools that transform still images into dynamic videos and enable consistent branding at scale. The updates include video highlights that extract key scenes, Virtual Try-On expansion, and Creative Sticker call-to-action buttons for Facebook and Instagram content. Meta reports that existing Advantage+ campaigns already boost return on ad spend by an average of 22%, with backend AI improvements increasing conversions by up to 5%.
YouTube launches new Shopping product stickers for Shorts (1 minute read)

YouTube has introduced new Shopping product stickers for Shorts to help creators better monetize their content by making products more easily shoppable. In testing, Shorts with these stickers saw over 40% more product clicks than those using the older Shopping button format. The feature allows creators to customize sticker placement and display multiple products. It is rolling out globally this week.
🚀

Opinions & Tutorials

Design is care (and sensing carelessness) (10 minute read)

The 2012 London Olympics' celebration of the NHS served as a powerful symbol of national pride and the importance of care in public service. Today, as technology—especially AI—increasingly shapes public systems, there is a growing need to prioritize thoughtful, human-centered design that resists carelessness and ensures equity, trust, and meaningful impact in people's lives.
There's time to stop the Apple-inspired obsession with glass UI before it starts (5 minute read)

Apple's new “Liquid Glass” design language, introduced with iOS 26 and macOS Tahoe, has sparked a resurgence of glossy, translucent UI elements reminiscent of past trends, raising questions about aesthetics versus usability. While visually striking, the return to glass-like interfaces may be less about improving user experience and more about preparing users for future technologies like XR, where layered, semi-transparent UI could make practical sense.
The Risks of Letting AI Dictate Your Design (4 minute read)

AI-powered "vibe coding" tools like Stitch quickly generate app designs from simple prompts but produce generic solutions based on assumptions rather than genuine user needs. AI should assist designers as "eager apprentices" rather than dictate design decisions, since effective design requires human questioning, problem-solving, and understanding of user needs that AI currently cannot provide.
💻

Launches & Tools

Design Beyond Barriers (Website)

Design Beyond Barriers is an accessibility guide made by designers, for designers, with a clear goal: to prove that accessibility does not limit design.
Automated Image Generation for Marketing and Content (Website)

Scale your brand with automated, on-brand marketing images using AI-generated templates via API and integrations.
Your AI Design Assistant (Website)

Chat with Flowstep to create UI designs, wireframes, and user flows in seconds. Collaborate effortlessly and iterate rapidly using AI.
🎁

Miscellaneous

A Guide to Creating Effective Product Feedback Surveys (7 minute read)

Effective product feedback surveys capture valuable user insights to improve products and user experiences. Key steps include defining specific objectives, writing clear questions, choosing appropriate formats and distribution channels, timing surveys strategically, and using proper tools for delivery and analysis. Best practices emphasize keeping surveys short, mixing qualitative and quantitative questions, and following up with respondents to close the feedback loop and show that their input drives meaningful product improvements.
Prototypes, Turf Wars, and Vibe Coding: Who Does What Now? (3 minute read)

Vibe coding tools will intensify tensions between product managers and UX designers as prototyping becomes where interaction design decisions are made. UX designers should use vibe coding platforms for prototyping while collaborating on whiteboards, freeing PMs to focus on business value like monetization and market strategy rather than micromanaging product details. Teams should leverage each member's unique strengths, communicate effectively, and work collaboratively rather than stepping on each other's toes in overlapping responsibilities.
Kit Studio crafts a vibrant identity for Raise the Roof, a music-led movement tackling youth homelessness (4 minute read)

“Raise the Roof” is a music-led campaign by Centrepoint that blends high-energy performances with a powerful mission to raise awareness and funds for youth homelessness. Designed by Kit Studio, the visual identity strikes a balance between joy and urgency. It uses a hand-raise symbol with a house motif to unify the branding across digital and physical platforms, aiming to create a lasting and meaningful movement.

Quick Links

How to Draw a Punk Art Style Like Gorillaz Artist Jamie Hewlett (9 minute read)

15 techniques for achieving Hewlett's distinctive punk art style.
The Hamburger-Menu Icon Today: Is It Recognizable? (9 minute read)

Hamburger menu icons are now widely recognizable, unlike a decade ago when they caused usability issues, including reduced engagement and task success rates.
Alyson Petruncio reimagines the existential dread of childhood through splendid coloured pencils (2 minute read)

Alyson Petruncio revives the eerie charm of kidcore horror through surreal, soft-toned illustrations that transform suburban unease and childhood discomfort into haunting yet cathartic visual narratives.

Love TLDR? Tell your friends and get rewards!

Share your referral link below with friends to get free TLDR swag!
Track your referrals here.

Want to advertise in TLDR? 📰

If your company is interested in reaching an audience of design professionals and decision makers, you may want to advertise with us.

Want to work at TLDR? 💼

Apply here or send a friend's resume to jobs@tldr.tech and get $1k if we hire them!

If you have any comments or feedback, just respond to this email!

Thanks for reading,
Jae Lee, Matej Latin & Ralph Brinker


Manage your subscriptions to our other newsletters on tech, startups, and programming. Or if TLDR Design isn't for you, please unsubscribe.