#Figma animation tutorial
9 related articles
Tutorials·3 min
Figma Tutorial: Recreating Google AI Studio's Flowing Light Border Animation
Step-by-step Figma tutorial recreating Google AI Studio's flowing multicolor light border animation, covering angular gradients, blur masks, dual shadows, and Smart Animate looping.
Read more →
·2 min
Screen Awesome: A Privacy-First Screen Recorder That's Architecturally Incapable of Uploading Your Videos
Screen Awesome is a Chrome screen recording extension with zero host permissions, making video uploads architecturally impossible. Free, no watermarks, with auto-zoom, vector annotations, and scrolling screenshots.
Read more →
·5 min
Getting Started with Codex: Four Product Forms Explained & How to Choose Between Cursor, Claude Code, and Codex
In-depth analysis of OpenAI Codex's four forms (CLI, web, plugin, app), comparing Codex, Claude Code, and Cursor on price, stability, and use cases to help developers choose the right tool.
Read more →
·2 min
Codex Hands-On Tutorial: Generating MG Animation with an AI Agent in One Sentence
Get started with the Codex AI Agent from scratch: project creation, plugin config (Computer Use/Remotion), Plan Mode vs Goal Mode, and a hands-on demo of generating an MG animation in one sentence.
Read more →
·2 min
Codex Hands-On Tutorial: Generate MG Animation with an AI Agent in One Sentence
Get started with Codex AI Agent from scratch: project creation, plugin setup (Computer Use/Remotion), Plan Mode vs Goal Mode, and a hands-on demo of generating MG animation in one sentence.
Read more →
·3 min
Codex in Action: A Complete Guide to Building a WeChat Mini Program with AI — No Coding Experience Required
A complete walkthrough of building and launching a WeChat Mini Program using OpenAI Codex and ChatGPT — from AI prototyping to ICP filing. MVP delivered in 5 days, no coding required.
Read more →
Tutorials·3 min
10 AI Coding Plugins Tested: From Video Animation to Product Development and Office Automation
Hands-on review of 10 AI coding plugins covering Hyperframe animation, Remotion data videos, Figma design, multi-platform development, spreadsheet/PPT automation, and Computer Use for full productivity.
Read more →
Tutorials·3 min
10 AI Coding Plugins Tested: From Video Animation to Product Development and Office Automation
Hands-on review of 10 AI coding plugins covering Hyperframe animation, Remotion data videos, Figma design, multi-platform development, spreadsheet/PPT automation, and Computer Use for full workflow enhancement.
Read more →
Product Reviews·3 min
Building a Paid Product Solo with AI: A Vibe Coding Retrospective
A designer built a Rive asset trading platform with 99% AI-generated code. Deep retrospective on Vibe Coding reveals AI development's real capabilities and time estimation gaps.
Read more →