Про PinePaper Studio

Наша місія

PinePaper Studio демократизує дизайн анімаційної графіки. Ми віримо, що потужні творчі інструменти не повинні вимагати дорогих програмних ліцензій, потужних комп'ютерів чи років навчання. Поєднуючи сучасні веб-технології з дизайном, орієнтованим на ШІ, ми робимо анімований текст та графіку доступними для творців по всьому світу.

Що робить нас особливими

Технологія та можливості

PinePaper MCP сервер

Use PinePaper with Claude Desktop and other AI assistants via the @pinepaper.studio/mcp-server npm package. Create animated graphics using natural language:

npm install -g @pinepaper.studio/mcp-server

{
  "mcpServers": {
    "pinepaper": {
      "command": "npx",
      "args": ["-y", "@pinepaper.studio/mcp-server"]
    }
  }
}

Граф знань дизайну

Unveiled in v0.4, the Design Knowledge Graph is a semantic reasoning layer that maps relationships between visual elements. Unlike traditional tools that only store pixel or vector data, PinePaper understands the intent behind the design—whether an object "orbits" another, "points at" a target, or "follows" a path.

Цей новаторський підхід дозволяє агентам ШІ міркувати про складні анімації та структурні зв'язки, уможливлюючи генерацію витонченої анімаційної графіки, що зберігає семантичну узгодженість.

Для розробників та агентів ШІ

PinePaper exposes a comprehensive global API (window.PinePaper) that enables programmatic control of the entire application. AI assistants and developers can:

• • Створювати та маніпулювати текстом, фігурами та імпортованими SVG елементами
• • Застосовувати анімації (9 пресетів) та ефекти (іскри, вибух)
• • Створювати анімації на основі ключових кадрів з контролем часової шкали
• • Експортувати у MP4, GIF, SVG або PNG через API
• • Використовувати декларативні зв'язки (orbits, follows, attached_to)
• • Скелет персонажа зі скелетною анімацією та ключовими кадрами поз в0.4
• • Створення вкладених композицій (прекомпозицій) з локальними часовими шкалами в0.4
• • Будувати автоматизовані робочі процеси та системи пакетної обробки

// Create animated text
const text = app.create('text', {
  content: 'Hello World', x: 400, y: 300, fontSize: 48, color: '#4a9eff'
});

// Apply animation preset
app.animate(text, { animationType: 'pulse' });

// Keyframe animation with easing
app.create('circle', {
  x: 400, y: 300, radius: 50, color: '#ef4444',
  animationType: 'keyframe',
  keyframes: [
    { time: 0, properties: { y: 100, opacity: 0 } },
    { time: 1, properties: { y: 300, opacity: 1 }, easing: 'bounce' }
  ]
});

// Declarative relations
app.addRelation(moonId, earthId, 'orbits', { radius: 100, speed: 0.5 });

Наше бачення

Ми будуємо першу справді нативну для ШІ платформу анімаційної графіки. Тоді як інші інструменти додають ШІ як доповнення, PinePaper був спроектований з першого дня для керування як людьми, так і машинами.

Наша мета — зробити анімаційну графіку такою ж простою, як написання тексту. Будь ви дизайнером, що створює контент вручну, чи асистентом ШІ, що допомагає користувачу природною мовою, PinePaper надає інструменти для створення професійної анімованої графіки за секунди.

Спільнота та відкрита розробка

PinePaper Studio розробляється прозоро разом з нашою спільнотою. Ми вітаємо відгуки, запити на функції та повідомлення про помилки. Наша розробка керується реальними потребами користувачів та розвитком ландшафту творчості з підтримкою ШІ.

Безкоштовний та відкритий

PinePaper Studio is Freeware v1.0 (currently v0.5.2-beta) and free to use for personal and commercial purposes. Create unlimited animations, export unlimited files, and use them in any project without restrictions. We believe powerful creative tools should be accessible to everyone.