#Figma variables
40 related articles
·4 min
Vibe Coding in Practice: Ship an App from Idea to Live in 5 Steps with AI Tools
Use Google Stitch, AI Studio, AntiGravity, GitHub, and Vercel to go from idea to live app in 5 steps. A complete Vibe Coding walkthrough — minimal cost, no deep coding required.
Read more →
·2 min
BaseUI: An 'Anti-Slop' React Open-Source Library with 88 Components, Fighting AI Interface Homogenization
BaseUI is an open-source React component library built on 'anti-slop' principles, offering 88 components, built-in light/dark themes, and TypeScript support — a more opinionated alternative to shadcn/Radix.
Read more →
·5 min
The Definitive Guide to Claude Code: Core Methodology and Best Practices for Agentic Programming
A deep dive into Claude Code, the definitive course from DeepLearning.AI and Anthropic: from agentic principles and context optimization to three hands-on cases—RAG chatbot, Figma-to-frontend, and data analysis. Master AI-assisted coding methodology.
Read more →
·7 min
Building a Published App with Zero Code in Four Days: A Complete HarmonyOS Development Journey
A tech blogger with zero programming knowledge built a retro DV app in four days using AI tools like Cursor and Codex, and got it published on Huawei App Gallery. A full vibe coding walkthrough.
Read more →
·6 min
Andrew Ng × Anthropic: A Hands-On Claude Code Tutorial and Core Methodology
Andrew Ng partners with Anthropic to launch a hands-on Claude Code course, revealing its simple architecture, local security edge, and core context methodology across three cases: RAG chatbot, Jupyter analysis, and Figma-to-frontend.
Read more →
Google Drops Two New Models: 4-Second …
·4 min
Google Drops Two New Models: 4-Second Image Generation + Real-Time Video Creation Explained
Google launches Imagen 3 Nano (Flash) for 4-second text-to-image generation and Veo 3 Flash for conversational video editing — now available via Gemini API and Google AI Studio.
Read more →
·3 min
Meta Open-Sources Astryx: The First Design System Built for AI Agents
Meta open-sources Astryx on GitHub — an Agent Ready design system built for AI coding assistants. 5,600+ Stars and growing. Learn how it tackles AI hallucination in UI code generation.
Read more →
Apple iOS 27 Design Kit Update: Liquid…
·2 min
Apple iOS 27 Design Kit Update: Liquid Glass Components Get a Major Overhaul
Apple releases updated Design Kits for iOS, iPadOS & macOS 27 with Liquid Glass refinements, expanded component states, naming-code alignment, and macOS Dark Mode. Free for Figma and Sketch.
Read more →
·3 min
Figma Code Context: Open-Source MCP Tool That Converts Design Files to Frontend Code in 30 Seconds
Figma Code Context is an open-source MCP tool that fetches structured design data via Figma API, enabling AI to generate high-fidelity frontend code in seconds.
Read more →
·2 min
v0 Figma Integration: One-Click Conversion from Design Files to High-Fidelity Functional UI Code
Vercel's AI tool v0 launches a new Figma integration that parses layouts, typography, components, icons, and more to convert static designs into high-fidelity, runnable frontend code.
Read more →
·3 min
Codex MCP Getting Started Guide: Configuration Methods and Practical Applications Explained
A detailed guide to Codex MCP (Model Context Protocol): core concepts, two server types, configuration methods, and practical applications to help developers get started quickly.
Read more →
·2 min
15 Curated Programming MCP Tools: A Practical Guide from Browser Debugging to One-Click Deployment
15 curated programming MCP Servers tested hands-on: Chrome DevTools, Neon, Figma-to-code, Vercel deployment & more, with Claude Code and Codex setup guides.
Read more →
·4 min
Cursor in Practice: Build a Vue3 + SpringBoot Full-Stack Blog Project in 20 Minutes
A detailed demo of using Cursor AI to build a Vue3 + SpringBoot + MySQL full-stack blog project in 20 minutes, covering UI prototyping, code generation, database setup, and debugging.
Read more →
Product Reviews·3 min
OpenSlide: An Open-Source Framework That Lets AI Agents Write React Code to Create Presentations
OpenSlide is an Agent-native open-source slide framework that lets AI Agents write React code to generate professional presentations. Supports Claude Code, Cursor, and other coding Agents.
Read more →
Tutorials·4 min
Zero-Code in Practice: Building and Publishing a WeChat Mini Program from Scratch with AI
Complete guide to building and publishing a WeChat Mini Program with zero coding using ChatGPT and Codex — from account registration to AI-generated design, code, and question banks to review and launch.
Read more →
Tutorials·4 min
WeChat Mini Program Login & Registration: A Full-Stack Integration Guide with SDK Integration and Debugging Lessons
Complete guide to WeChat Mini Program login/registration full-stack integration, covering SDK splitting, Pixso design-to-component workflow, debugging techniques, and AI-assisted programming collaboration methods.
Read more →
Tutorials·3 min
Frontend AI Full-Stack Development in Practice: Building Multimodal Applications with PNPM MonoRepo Architecture
A practical guide to frontend AI full-stack development covering PNPM MonoRepo architecture, TurboRepo build optimization, and LangChain multimodal applications with Ollama local model deployment.
Read more →
Tutorials·4 min
Vibe Coding in Practice: From Idea to Deployment in Just Five Steps
A detailed guide to the complete Vibe Coding workflow: design UI with Google Stitch, generate frontend with AI Studio, build backend with AntiGravity—go from idea to deployed app in five steps with zero coding experience.
Read more →
Product Reviews·3 min
Claude Code's Frontend UI Too Ugly? This Open-Source Skill Teaches AI Professional Design
AI coding tools produce frontend pages lacking design sense? UI-UX-Pro-Max-Skill is an open-source design enhancement Skill with 67 UI styles, 161 color systems, supporting Claude Code and Cursor.
Read more →
Product Reviews·2 min
14,000-Star Open Source Tool: Clone Any Website with One AI Command
Deep dive into Website Cloner, a 14,000+ Star open-source project that uses a four-step AI pipeline to clone any website into a runnable Next.js project with one command.
Read more →