RESOURCE OF THE DAY
200+ AI Side Hustles to Start Right Now
AI isn't just changing business—it's creating entirely new income opportunities. The Hustle's guide features 200+ ways to make money with AI, from beginner-friendly gigs to advanced ventures. Each comes with realistic income projections and resource requirements. Join 1.5M professionals getting daily insights on emerging tech and business opportunities.
In today's issue:
Figma added a full animation timeline so you can build motion without leaving your design file.
Figma shipped "Generative Plugins" you can build just by writing a prompt.
Figma introduced "Code Layers," letting you turn any design layer into interactive code right on the canvas with a single click.
Figma rolled out AI-generated "Shaders" for custom visual effects you describe in plain language.
Want your product featured in front of 45,000+ readers? Click here.
ARTIFICIAL INTELLIGENCE
The Hustle: Claude Hacks For Marketers
Some people use Claude to write emails. Others use it to basically run their entire business while they play Wordle.
This isn't just ChatGPT's cooler cousin. It's the AI that's quietly revolutionizing how smart people work – writing entire business plans, planning marketing campaigns, and basically becoming the intern you never have to pay.
The Hustle's new guide shows you exactly how the AI-literate are leaving everyone else behind. Subscribe for instant access.
ANIMATION
🎬 Figma releases "Figma Motion"
Figma released “Figma Motion,” adding an animation timeline directly inside your design files, so you can bring designs to life without opening a separate tool.
Figma Motion is live today in open beta on all plans.
Note: Figma Motion is rolling out gradually, so if you don't see the Motion toggle in your toolbar yet, check back soon. Publishing animated components, generating animations with AI, and high-resolution video exports require a Full seat on a paid plan.
Here's what you can do with it:
Keyframe anything: Animate position, scale, rotation, and opacity by hand, or turn on auto-keyframe and let Figma record your changes as you make them.
Start from presets: Drop in ready-made fade, move, and scale animations, then stack or sequence them on the timeline to build something more complex.
Prompt the agent: Describe the motion you want (e.g., "slide this menu out while blurring the background") and Figma's agent builds the keyframes for you to refine.
Export anywhere: Ship as MP4, WebM, Animated SVG, or GIF, or hand off clean CSS, JSON, or React code to developers via Dev Mode.
The bigger idea is that motion now lives in the same file as your components, variables, and team, so animation can finally be part of your design system instead of a one-off file nobody can find later.
BUSINESS
100 Genius Side Hustle Ideas
Don't wait. Sign up for The Hustle to unlock our side hustle database. Unlike generic "start a blog" advice, we've curated 100 actual business ideas with real earning potential, startup costs, and time requirements. Join 1.5M professionals getting smarter about business daily and launch your next money-making venture.
CODING
🔌 Figma releases "Generative Plugins"
Figma released “Generative Plugins,” allowing you build custom, reusable plugins just by describing what you want, with the agent writing the code for you.
It's rolling out now, no developer setup or technical skills required.
Note: Generative Plugins is rolling out gradually starting June 24, so if you don't see it yet, check back soon.
At launch, plugins you build live in your file and work across all your own design files. Publishing to the Community and private org sharing are coming in the coming months.
Instead of hiring a developer or learning to code, you just tell the agent what you need (say, a tool that renames all your layers a certain way or pulls in placeholder content) and it builds it.
It sits alongside classic plugins, which aren't going anywhere, so you get a faster path to the little custom tools that speed up your specific workflow.
WEB DESIGN
⚡ Figma releases "Code Layers"
Figma released “Code Layers,” allowing you turn any design layer into interactive, working code with a single click or prompt, right on the canvas.
Early access opens in July.
Note: Code Layers is rolling out starting in July.
With Code Layers, you can pull a GitHub repo onto your canvas, riff on multiple directions side by side, and sync changes back to your codebase, all inside the same multiplayer file where your team comments and iterates.
The point is to collapse the old "designer hands off to developer" gap into one shared space.
DESIGN
✨ Figma releases "Shaders"
Figma released “Shaders,” now letting you create custom visual effects by simply describing them, with the agent generating the shader and adjustable controls right on the canvas.
It's live today in open beta.
Note: Building Shaders with the agent requires a Full seat on a paid plan and isn't available on Education, Government, or Starter plans. Applying existing shaders works on all plans.
Think frosted glass, chrome, halftone patterns, dithering, or particle effects, all described in plain language.
The best part: everything stays adjustable. Instead of a flat image you have to re-prompt, you get stackable sliders you can tweak, and you can even keyframe shaders in the Motion timeline to animate them.
