أنشئ حملتي الأولى
قائمة الوثائق
API

Figma plugin and more

The Figma plugin, the Claude Code skill and the Cursor setup: what each one does and where it stands.

Besides the API, there are integrations ready to connect BannerMotion with the tools you already work in. This is what exists today.

Figma plugin

You select one or more frames (each frame is a size: 300x250, 728x90…) and the plugin creates the animated banner through the API:

  1. It exports each frame's layers: texts (content, family, weight, size, color, alignment), images, logos, vectors and shapes, with their box relative to the frame.
  2. It uploads the images and logos to the workspace library (POST /api/v1/assets).
  3. It creates the banner (POST /api/v1/banners) with the composition in reference, the sizes of all the frames and a prompt that summarizes it.
  4. It follows the job and, when it finishes, shows the link to the banner in the studio (appUrl).

It needs a bm_live_… key with the generate and read permissions (or bm_test_… to try it without credits). It is stored only on your computer.

تنبيه. It is in development and not published in the Figma community yet: today it only installs as a development plugin. If you want to try it, write to us at soporte@bannermotion.com. [PLACEHOLDER: publication date]
  • reference accepts up to 12 frames (one per size) and 60 layers per frame; if a frame has more, the texts, images and vectors, the CTA button and the largest shapes are kept.
  • Effects (shadows, gradients, blurs), complex masks and auto layout are not described.
  • Typefaces are named by family and weight; the font files are not uploaded.

Claude Code skill

An optional skill that teaches Claude Code the whole MCP server flow: checking the balance, generating, looking, iterating, adding sizes, exporting and what to do on each error. The skill folder (bannermotion) is copied to ~/.claude/skills/ or to the project's .claude/skills/. [PLACEHOLDER: skill download channel]

Cursor

An mcp.json file ready for the MCP server. Copy it to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).

ملاحظة. Direct publishing destinations (Campaign Manager 360, Display & Video 360, Google Ads, Slack notices) show up in the app as "Coming soon": today there is no direct connection to any ad server.
MCP serverConnect Claude, Cursor or ChatGPT to BannerMotion: 10 tools to generate, correct, view and export banners.Create a bannerCreates a concept in all the sizes and locales you ask for. Responds 202 with a job; check its status or wait for the webhook.File libraryUpload images, logos and fonts to the workspace library, list them and remove them.
هل كانت هذه الصفحة مفيدة؟