How do I create animated text?

Use the Text Tool, type your content, then select an animation style from the Properties panel. PinePaper supports Pulse, Rotate, Bounce, Fade, Wobble, Swing, Shake, Jelly, and more.

Can I export my animation as video?

Yes! PinePaper exports to MP4 video (H.264), WebM (VP9), GIF animations, animated SVG with SMIL, and static PNG. MP4 and WebM are ideal for social media, GIF for messaging apps.

Yes! PinePaper Studio is completely free to use with all features available.

What file formats can I import?

You can import SVG files, raster images (PNG, JPG), and create text and shapes from scratch.

Does PinePaper work on mobile?

PinePaper is optimized for desktop use with mouse and keyboard. Mobile support is currently limited.

PinePaper Studio - Teks Animasi, Grafik 2D & Pembuat SVG

Ukuran Kanvas

Infinite Canvas

Platform

Media Sosial

Presentasi

Standar

Cetak & Kertas

Kustom

Ukuran Kanvas Kustom

Lebar (px)

Tinggi (px)

Kunci rasio aspek

Rasio Cepat

Pratinjau

800 × 600 px

📊 Alat Diagram

Hubungkan Item

Klik item pertama untuk memulai koneksi

Bentuk

Diagram Alir

Dasar

UML

Jaringan

Gaya Default

Diterapkan pada konektor baru

Warna

Lebar

Line Style

Ujung Panah

Ekor Panah

Aliran Garis Putus

Arah

Kecepatan

Tata Letak Otomatis

Kotak

Tempel ke Kotak

Import Mermaid

Load .mmd file...

Rigging Tools

Show bone overlay Show all Move skeleton

Active Skeleton

Quick-Start Presets

Bone Hierarchy

No skeleton active

Poses

No poses saved

Cara Menggunakan PinePaper Studio

Mobile Mode

You're viewing the mobile version. Tap items to select, drag to move, and use templates for quick designs.

For full control over fonts, animations, properties, and advanced features, use desktop mode.

Tip: Tap Refresh in the menu to start with a clean canvas.

Memulai

Toolbar (Kiri): Pilih alat untuk menambahkan Teks, Bentuk, Gambar, atau Foto.
Properti (Kanan):
- Pilih item untuk mengedit Font, Warna, dan Animasi.
- Klik latar belakang untuk mengedit Pola atau Gambar Latar.
Kanvas (Tengah): Ruang kreatif Anda. Seret item untuk memindahkannya.
Impor SVG: Gunakan tombol "SVG" untuk mengimpor grafik vektor. Anda dapat menemukan SVG gratis di SVG Repo.

Dukungan Multi-Bahasa

PinePaper Studio supports text in all languages and scripts (e.g., Chinese, Arabic, Hindi, Emoji).

Cukup pilih "Alat Teks" dan ketik dalam bahasa pilihan Anda. Animasi bekerja secara universal!

Animasi

Pilih item dan pilih gaya animasi dari grid di panel Properti.

Denyut/Goyang/Putar: Animasi loop sederhana.
Jalur: Gunakan "Alat Jalur" (ikon pensil) untuk menggambar jalur kustom yang akan diikuti item!

Template

Mulai dengan template yang sudah dirancang untuk pembuatan cepat:

Klik "Template" tombol (sidebar kiri) untuk menjelajahi template yang tersedia.
Pilih template untuk memuatnya ke kanvas Anda secara instan.
Sesuaikan semuanya: Edit teks, ubah warna, sesuaikan animasi - template sepenuhnya dapat diedit.
Simpan milik Anda: Membuat sesuatu yang luar biasa? Klik "Simpan Template" untuk menambahkannya ke perpustakaan Anda.

Template mencakup latar belakang, teks, dan animasi yang semuanya dikonfigurasi untuk Anda. Sempurna untuk posting media sosial, kutipan, dan banyak lagi!

Untuk AI Agents

window.PinePaper tersedia secara global.
Use PinePaper.create('text', { content: 'Hello' }) to interact programmatically.

Feedback & Support

Have ideas, found a bug, or need help? We'd love to hear from you!

Request Features Email Support

Edit Text

Crop Image

Aspect Ratio

Drag the handles on the canvas to adjust the crop area. Drag inside the crop area to move it.

Mask Image

Drag on canvas to position. Use corner handles to resize.

Drag Mode

Toggle what moves when you drag on canvas

Mask Size

100%

Shape

Remove Background

Select a key color to remove, or use the eyedropper to pick from the image.

Color Presets

Custom Color

#00FF00

Threshold 50

Higher = removes more similar colors

Edge Smoothing 10

Softer edges around removed areas

Code Console

Paste AI-generated code or write your own

Lines: 0 Chars: 0

Ready

🤖 Create with AI

Use any AI assistant to generate code. No design skills needed!

⚡ Best Experience: Configure MCP

For the best results, configure the PinePaper MCP server in Claude Desktop. This gives Claude direct access to the canvas API.

View MCP Setup Guide

1 Quick Start (Without MCP)

Open Claude or ChatGPT
Share the example prompt with the API docs link
Describe what you want to create
Copy the generated code
Paste into Code Console & Run!

Example Prompts (tap to copy)

Open Claude Open ChatGPT

📚 Code Examples

Tap an example to load it

Sesi sebelumnya ditemukan

Session with 5 edits

Welcome to PinePaper Studio!

Guide

esc

↑↓ navigate ↵ select

⌘K to open

PinePaperStudio Beta

Cutout Styles

Device Capabilities

Buat

Quick Actions

Pick a Shape

Format Ekspor

Tindakan

Canvas Size

Ukuran Kanvas Kustom

📊 Alat Diagram

Import Mermaid

Rigging Tools

Quick-Start Presets

Animations

Test Character

Bone: —

Cara Menggunakan PinePaper Studio

Mobile Mode

Memulai

Dukungan Multi-Bahasa

Animasi

Template

Untuk AI Agents

Feedback & Support

Crop Image

Mask Image

Remove Background

Code Console

Device Capabilities

Buat

Quick Actions

Pick a Shape

Format Ekspor

Tindakan

Canvas Size

📊 Alat Diagram

🦴 Rigging Tools

Quick-Start Presets

Animations

Test Character

Bone: —

Code Console

🤖 Create with AI

⚡ Best Experience: Configure MCP

1 Quick Start (Without MCP)

Example Prompts (tap to copy)

📚 Code Examples

Rigging Tools