#Figma API
258 related articles
·3 min
How MCP Enables AI Agents to Automatically Follow Design Systems
How MCP connects design systems with AI Agents for real-time spec queries and automatic compliance. Covers context engineering, MCP architecture, and AI-driven development.
Read more →
·3 min
The Complete Evolution of Codex: From Coding Tool to All-in-One AI Workstation
Deep dive into OpenAI Codex's evolution from coding agent to all-in-one AI workstation, covering computer use, visual annotations, memory, CodexSites deployment, and more.
Read more →
·4 min
Cursor's Three Major Announcements: Mobile App, Git Platform, and In-House Frontier Model
Cursor unveils three major updates: Cursor Mobile, Origin platform challenging GitHub, and a frontier in-house LLM trained from scratch. A deep dive into Cursor's strategy.
Read more →
·3 min
Vibe Coding Practical Guide: Tool Selection, Development Workflow, and Lessons Learned
In-depth analysis of Vibe Coding methodology covering Claude Code, Cursor, and Codex tool strategies, full development workflow tips, and four key principles for avoiding pitfalls in complex systems.
Read more →
·3 min
Trae IDE in Practice: Building a Student Management System from Scratch with AI Conversational Programming
A detailed walkthrough of using ByteDance's Trae IDE to build a student management system from scratch through hand-drawn prototypes and AI conversation, covering page generation and code analysis.
Read more →
·3 min
Advanced Codex Guide: A Complete Breakdown of Steering, Annotations, Skills, and Plugins
An in-depth guide to advanced Codex features: real-time task steering, preview annotations, context compression, conversation forking, the Skill system, and the plugin ecosystem.
Read more →
·4 min
AI Programming in Practice: Building a Local Errand-Running Mini Program in 37 Minutes — Full Workflow
Learn how to build a full local errand-running mini program in 37 minutes using AI tools like Stitch, Trae, UniApp, and UniCloud — covering UI design, full-stack development, and cross-platform publishing.
Read more →
·2 min
Codex Infinite Canvas Workflow: A New Approach to Precise AI Image Editing
A detailed guide on combining Codex with online canvas tools for precise AI image editing. A four-step workflow—generate, deploy canvas, annotate visually, regenerate—solves imprecise text-only editing.
Read more →
·2 min
Three Essential Claude Code Configuration Techniques: A Practical Guide to CLAUDE.md, Memory & MCP
Master three Claude Code configuration techniques: use CLAUDE.md for project rules, Memory for auto-learning preferences, and MCP for connecting GitHub and external tools.
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
Complete Tutorial: Image2 + Codex to Generate Editable Figma Design Files
Learn how to use ChatGPT Image2 to generate high-quality UI mockups and OpenAI Codex to convert them into editable Figma vector files in three steps.
Read more →
·3 min
The Complete Guide to Vibe Coding: Turn Ideas into Products with AI — No Coding Required
A complete guide to Vibe Coding: from idea to PRD, UI design, and working code using AI tools like Gemini, Figma Make, and Cursor — no coding skills needed.
Read more →
·2 min
DeepSeek Image Recognition Mode Tested: Screenshot-to-Code Achieves Up to 80% Accuracy
Hands-on testing of DeepSeek's image recognition mode for screenshot-to-code, covering Ant Design, Baidu, Bilibili, and Apple websites with ~80% accuracy.
Read more →
·3 min
Cursor Composer 2.5: The Secret Behind an Open-Source Model's Reinforcement Training to a Top-3 Coding Benchmark Ranking
Cursor built Composer 2.5 on Kimi K2 open-source model, ranking 3rd on coding benchmarks and surpassing K2.6. Deep dive into Cursor's data flywheel, product architecture, and pricing.
Read more →
·3 min
The AI Programming Era: How Ordinary People Can Build Software with AI Tools and Monetize It
AI programming tools empower anyone to build software independently. Learn the 3-step method: discover needs, collaborate with AI tools like Codex, and monetize your product.
Read more →
·3 min
Complete Guide to Trae's Chat Features: Four Modes for Efficient AI Programming
A detailed breakdown of Trae AI IDE's four chat modes: Sidebar Chat, Inline Chat, Image Input, and Voice Input, with shortcuts, use cases, and practical tips.
Read more →
·3 min
Andrew Ng and Anthropic's Definitive Claude Code Tutorial: A Deep Dive
Andrew Ng and Anthropic launch a Claude Code course covering context management, parallel sessions, MCP server integration, and hands-on projects in RAG, data analysis, and Figma-to-code conversion.
Read more →
·4 min
Codex Generates a WeChat Mini Program from a Single Prompt: A Complete Walkthrough from Requirements to Launch
Learn how to build a WeChat Mini Program from scratch using OpenAI Codex through pure conversation — covering requirements, design specs, code generation, and debugging.
Read more →
·3 min
Building a Travel Route Planning Mini-Program with AI in One Day: A Full Workflow from Design to Launch
Learn how to build a complete travel route planning WeChat Mini-Program in one day using AI tools like Modao AI and Cursor, covering UI design, code generation, debugging, and deployment.
Read more →
·4 min
Connecting OpenAI Codex to Chinese AI Models: A Zero-Barrier AI Programming Guide
Learn how to connect OpenAI Codex to Chinese AI models like DeepSeek and Volcano Engine via CC Switch, with a step-by-step guide and a 2048 game demo.
Read more →