Skip to content
Development and design with AI
EN
Become an author

Connect WikiVibe MCP

Add the server address to your MCP settings or give this prompt to your AI agent.

URL
https://wikivibe.dev/mcp/
Agent prompt
Connect the WikiVibe MCP server.

URL: https://wikivibe.dev/mcp/
Transport: streamable-http

After connecting, run tools/list and show the available tools.

Search WikiVibe

Recent searches

Popular topics

Become an author

Sign in or create an account to set up your author profile.

Sign in or register

Publications from authors and the editorial team

New articles from Wikivibe authors and materials prepared by the editorial team. Read the feed, follow authors, and publish your own write-ups.

Write an article
All materials
NewEditorialFollowing

Feed

363 publications

Motion and animation
7/16/202638 min

Figma Motion + AI: 10 Prompts That Will Invigorate the Layout and Strengthen the Portfolio

A static layout can be neat and visually strong, but still feel like a collection of pictures. The user does not see how the card is revealed, where the old content goes and what happens after clicking. The customer looks at twelve frames and is forced to assemble the product in his head. The short animation shows the hierarchy, system response, and character of the product. In the portfolio, she separates "I drew the screen" from "I designed the behavior." And Figma Motion now allows you to collect movement on the timeline, generate key frames through Figma Agent and transfer accurate parameters to development through MCP. Below is a step-by-step process, ten universal prompts and a separate copyable instruction for the AI agent: transitions between screens, clicks, hover, loading, success, error, reduced motion and mandatory QA. The main limitation is one: the movement should explain the interface, not turn it into a presentation, where every second headline flies.

VibeDesignFigmaMotionAI
—views—reactions

Topic catalogue