{"id":32,"date":"2026-06-13T11:31:30","date_gmt":"2026-06-13T11:31:30","guid":{"rendered":"https:\/\/prompt.pukbsink.cloud\/homepage\/?page_id=32"},"modified":"2026-06-13T11:31:30","modified_gmt":"2026-06-13T11:31:30","slug":"canva-claudeai","status":"publish","type":"page","link":"https:\/\/prompt.pukbsink.cloud\/homepage\/canva-claudeai\/","title":{"rendered":"Canva claudeai"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Canva Connector di Claude \u2014 Panduan Lengkap<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&#038;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --canva-blue: #7B2FF7;\n    --canva-teal: #00C4CC;\n    --canva-pink: #FF4081;\n    --accent: #FFD600;\n    --bg: #F7F5FF;\n    --surface: #FFFFFF;\n    --text-dark: #1A1033;\n    --text-mid: #4A3F6B;\n    --text-light: #8B7FB5;\n    --border: rgba(123,47,247,0.12);\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body {\n    font-family: 'DM Sans', sans-serif;\n    background: var(--bg);\n    color: var(--text-dark);\n    min-height: 100vh;\n    overflow-x: hidden;\n  }\n\n  \/* HERO *\/\n  .hero {\n    background: linear-gradient(135deg, #1A1033 0%, #2D1B69 50%, #0D1B4B 100%);\n    padding: 60px 24px 80px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero::before {\n    content: '';\n    position: absolute;\n    width: 500px; height: 500px;\n    background: radial-gradient(circle, rgba(0,196,204,0.15) 0%, transparent 70%);\n    top: -100px; right: -100px;\n    border-radius: 50%;\n  }\n  .hero::after {\n    content: '';\n    position: absolute;\n    width: 400px; height: 400px;\n    background: radial-gradient(circle, rgba(123,47,247,0.2) 0%, transparent 70%);\n    bottom: -80px; left: -80px;\n    border-radius: 50%;\n  }\n\n  .hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255,255,255,0.1);\n    border: 1px solid rgba(255,255,255,0.2);\n    color: var(--canva-teal);\n    font-family: 'Syne', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 100px;\n    margin-bottom: 24px;\n    position: relative; z-index: 1;\n  }\n\n  .hero h1 {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(28px, 7vw, 52px);\n    font-weight: 800;\n    color: #FFFFFF;\n    line-height: 1.1;\n    position: relative; z-index: 1;\n    margin-bottom: 16px;\n  }\n  .hero h1 span {\n    background: linear-gradient(90deg, var(--canva-teal), var(--canva-pink));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .hero-sub {\n    color: rgba(255,255,255,0.6);\n    font-size: 16px;\n    font-weight: 300;\n    max-width: 480px;\n    margin: 0 auto;\n    line-height: 1.6;\n    position: relative; z-index: 1;\n  }\n\n  .hero-tools-count {\n    margin-top: 32px;\n    display: flex;\n    justify-content: center;\n    gap: 32px;\n    position: relative; z-index: 1;\n  }\n  .count-item {\n    text-align: center;\n  }\n  .count-num {\n    font-family: 'Syne', sans-serif;\n    font-size: 32px;\n    font-weight: 800;\n    color: var(--accent);\n    display: block;\n  }\n  .count-label {\n    font-size: 12px;\n    color: rgba(255,255,255,0.5);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n\n  \/* MAIN CONTENT *\/\n  .container {\n    max-width: 720px;\n    margin: 0 auto;\n    padding: 48px 20px;\n  }\n\n  .section-label {\n    font-family: 'Syne', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--canva-blue);\n    margin-bottom: 8px;\n  }\n\n  .section-title {\n    font-family: 'Syne', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--text-dark);\n    margin-bottom: 24px;\n    line-height: 1.3;\n  }\n\n  \/* INTRO CARD *\/\n  .intro-card {\n    background: linear-gradient(135deg, #7B2FF7, #00C4CC);\n    border-radius: 20px;\n    padding: 28px;\n    margin-bottom: 40px;\n    color: white;\n  }\n  .intro-card p {\n    font-size: 15px;\n    line-height: 1.7;\n    font-weight: 300;\n  }\n  .intro-card strong { font-weight: 500; }\n\n  \/* CATEGORY *\/\n  .category-block {\n    margin-bottom: 40px;\n  }\n\n  .category-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n    padding-bottom: 12px;\n    border-bottom: 2px solid var(--border);\n  }\n  .category-icon {\n    width: 40px; height: 40px;\n    border-radius: 12px;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 18px;\n    flex-shrink: 0;\n  }\n  .cat-create .category-icon { background: linear-gradient(135deg, #7B2FF7, #B06FF7); }\n  .cat-read .category-icon { background: linear-gradient(135deg, #00C4CC, #00A8B5); }\n  .cat-edit .category-icon { background: linear-gradient(135deg, #FF4081, #FF6B9E); }\n  .cat-manage .category-icon { background: linear-gradient(135deg, #FF9800, #FFC947); }\n  .cat-export .category-icon { background: linear-gradient(135deg, #4CAF50, #81C784); }\n\n  .category-title {\n    font-family: 'Syne', sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--text-dark);\n  }\n  .category-count {\n    margin-left: auto;\n    background: var(--bg);\n    border: 1px solid var(--border);\n    color: var(--text-light);\n    font-size: 12px;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 100px;\n  }\n\n  \/* TOOL CARD *\/\n  .tool-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .tool-card {\n    background: var(--surface);\n    border: 1px solid var(--border);\n    border-radius: 14px;\n    padding: 16px 18px;\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    transition: all 0.2s ease;\n    cursor: default;\n  }\n  .tool-card:hover {\n    border-color: rgba(123,47,247,0.3);\n    box-shadow: 0 4px 20px rgba(123,47,247,0.08);\n    transform: translateY(-1px);\n  }\n\n  .tool-dot {\n    width: 8px; height: 8px;\n    border-radius: 50%;\n    margin-top: 6px;\n    flex-shrink: 0;\n  }\n  .cat-create .tool-dot { background: #7B2FF7; }\n  .cat-read .tool-dot { background: #00C4CC; }\n  .cat-edit .tool-dot { background: #FF4081; }\n  .cat-manage .tool-dot { background: #FF9800; }\n  .cat-export .tool-dot { background: #4CAF50; }\n\n  .tool-name {\n    font-family: 'Syne', sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-dark);\n    margin-bottom: 4px;\n  }\n  .tool-desc {\n    font-size: 13px;\n    color: var(--text-mid);\n    line-height: 1.5;\n    font-weight: 300;\n  }\n\n  .tool-prompt {\n    margin-top: 8px;\n    background: #F0EDFF;\n    border-left: 3px solid var(--canva-blue);\n    padding: 8px 12px;\n    border-radius: 0 8px 8px 0;\n    font-size: 12px;\n    color: var(--canva-blue);\n    font-style: italic;\n  }\n  .tool-prompt strong {\n    font-style: normal;\n    font-weight: 600;\n    display: block;\n    margin-bottom: 2px;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: var(--text-light);\n  }\n\n  \/* PROMPT TIPS *\/\n  .tips-section {\n    background: var(--surface);\n    border: 1px solid var(--border);\n    border-radius: 20px;\n    padding: 28px;\n    margin-bottom: 40px;\n  }\n\n  .tip-item {\n    display: flex;\n    gap: 14px;\n    padding: 14px 0;\n    border-bottom: 1px solid var(--border);\n  }\n  .tip-item:last-child { border-bottom: none; padding-bottom: 0; }\n  .tip-item:first-child { padding-top: 0; }\n\n  .tip-num {\n    width: 28px; height: 28px;\n    background: var(--canva-blue);\n    color: white;\n    border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n    font-family: 'Syne', sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    flex-shrink: 0;\n  }\n  .tip-content strong {\n    font-family: 'Syne', sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-dark);\n    display: block;\n    margin-bottom: 3px;\n  }\n  .tip-content p {\n    font-size: 13px;\n    color: var(--text-mid);\n    line-height: 1.5;\n  }\n  .tip-example {\n    margin-top: 6px;\n    background: #F7F5FF;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    color: var(--canva-blue);\n    font-weight: 500;\n  }\n\n  \/* WORKFLOW *\/\n  .workflow {\n    background: linear-gradient(135deg, #1A1033, #2D1B69);\n    border-radius: 20px;\n    padding: 28px;\n    margin-bottom: 40px;\n    color: white;\n  }\n  .workflow .section-label { color: var(--canva-teal); }\n  .workflow .section-title { color: white; margin-bottom: 20px; }\n\n  .workflow-steps {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n  }\n  .wf-step {\n    display: flex;\n    gap: 16px;\n    position: relative;\n  }\n  .wf-step:not(:last-child) .wf-line {\n    position: absolute;\n    left: 15px; top: 32px;\n    width: 2px;\n    height: calc(100% - 0px);\n    background: rgba(255,255,255,0.1);\n  }\n  .wf-circle {\n    width: 32px; height: 32px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.1);\n    border: 2px solid rgba(0,196,204,0.5);\n    display: flex; align-items: center; justify-content: center;\n    font-family: 'Syne', sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--canva-teal);\n    flex-shrink: 0;\n    position: relative; z-index: 1;\n  }\n  .wf-body {\n    padding-bottom: 24px;\n  }\n  .wf-step:last-child .wf-body { padding-bottom: 0; }\n  .wf-title {\n    font-family: 'Syne', sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    color: white;\n    margin-bottom: 4px;\n    margin-top: 4px;\n  }\n  .wf-desc {\n    font-size: 13px;\n    color: rgba(255,255,255,0.55);\n    line-height: 1.5;\n    font-weight: 300;\n  }\n\n  \/* FOOTER *\/\n  footer {\n    background: #1A1033;\n    color: rgba(255,255,255,0.4);\n    text-align: center;\n    padding: 24px;\n    font-size: 12px;\n    line-height: 1.7;\n  }\n  footer strong { color: rgba(255,255,255,0.7); }\n\n  \/* ANIMATIONS *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  .container > * {\n    animation: fadeUp 0.5s ease both;\n  }\n  .container > *:nth-child(1) { animation-delay: 0.1s; }\n  .container > *:nth-child(2) { animation-delay: 0.2s; }\n  .container > *:nth-child(3) { animation-delay: 0.3s; }\n  .container > *:nth-child(4) { animation-delay: 0.4s; }\n  .container > *:nth-child(5) { animation-delay: 0.5s; }\n<\/style>\n<\/head>\n<body>\n\n<!-- HERO -->\n<div class=\"hero\">\n  <div class=\"hero-badge\">\ud83c\udfa8 MCP Integration<\/div>\n  <h1>Canva Connector<br><span>di Claude AI<\/span><\/h1>\n  <p class=\"hero-sub\">Panduan lengkap semua fungsi konektor Canva yang tersedia di Claude \u2014 mulai dari membuat desain hingga mengelola folder.<\/p>\n  <div class=\"hero-tools-count\">\n    <div class=\"count-item\">\n      <span class=\"count-num\">34<\/span>\n      <span class=\"count-label\">Total Tools<\/span>\n    <\/div>\n    <div class=\"count-item\">\n      <span class=\"count-num\">5<\/span>\n      <span class=\"count-label\">Kategori<\/span>\n    <\/div>\n    <div class=\"count-item\">\n      <span class=\"count-num\">\u221e<\/span>\n      <span class=\"count-label\">Kreasi<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"container\">\n\n  <!-- INTRO -->\n  <div class=\"intro-card\">\n    <p>\n      <strong>Canva Connector<\/strong> adalah integrasi MCP (Model Context Protocol) yang memungkinkan Claude untuk langsung berinteraksi dengan akun Canva kamu. Cukup ketik perintah dalam bahasa natural \u2014 Claude yang akan menjalankan aksi di Canva secara otomatis, tanpa perlu buka browser atau klik manual.\n    <\/p>\n  <\/div>\n\n  <!-- ====== KATEGORI 1: CREATE ====== -->\n  <div class=\"category-block cat-create\">\n    <div class=\"category-header\">\n      <div class=\"category-icon\">\u2728<\/div>\n      <div>\n        <div class=\"category-title\">Membuat Desain Baru<\/div>\n      <\/div>\n      <span class=\"category-count\">7 tools<\/span>\n    <\/div>\n    <div class=\"tool-grid\">\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Generate Design with AI<\/div>\n          <div class=\"tool-desc\">Membuat desain baru menggunakan AI. Kamu cukup sebutkan jenis desain, topik, dan gaya \u2014 Claude langsung generate kandidat desain.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Buat poster pengumuman rapat anggota PUK, gaya formal biru, ukuran A4&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Generate Structured Design<\/div>\n          <div class=\"tool-desc\">Membuat presentasi dari outline terstruktur. Claude akan review outline dulu sebelum generate slide.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Buat presentasi 5 slide tentang program kerja Bidang 5 tahun 2025&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Create Design from Brand Template<\/div>\n          <div class=\"tool-desc\">Membuat desain baru berdasarkan brand template yang sudah tersimpan di akun Canva organisasi.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Buat desain dari brand template &#8216;Pengumuman Resmi PUK'&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Create Design From Candidate<\/div>\n          <div class=\"tool-desc\">Setelah AI generate beberapa kandidat desain, tool ini menyimpan kandidat pilihan ke akun Canva kamu.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Simpan kandidat desain nomor 2 ke akun saya&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Copy Design<\/div>\n          <div class=\"tool-desc\">Menduplikasi desain yang sudah ada sebagai titik awal desain baru, tanpa mengubah yang asli.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Duplikat desain poster lebaran untuk versi Hari Buruh&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Create Brand Template Draft<\/div>\n          <div class=\"tool-desc\">Membuat draft editable dari brand template yang ada, untuk dimodifikasi sebelum dipublish.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Buat draft dari brand template sertifikat PUK&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Import Design From Public URL<\/div>\n          <div class=\"tool-desc\">Mengimpor desain dari URL publik Canva langsung ke akun kamu.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Import desain dari link Canva ini: https:\/\/canva.com\/&#8230;&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ====== KATEGORI 2: READ ====== -->\n  <div class=\"category-block cat-read\">\n    <div class=\"category-header\">\n      <div class=\"category-icon\">\ud83d\udd0d<\/div>\n      <div>\n        <div class=\"category-title\">Membaca &#038; Mencari Informasi<\/div>\n      <\/div>\n      <span class=\"category-count\">10 tools<\/span>\n    <\/div>\n    <div class=\"tool-grid\">\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Search Designs<\/div>\n          <div class=\"tool-desc\">Mencari desain yang sudah ada di akun Canva berdasarkan kata kunci judul atau konten.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Cari desain dengan kata kunci &#8216;LPJ 2024&#8242;&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Search Brand Templates<\/div>\n          <div class=\"tool-desc\">Mencari template brand yang tersedia di akun tim\/organisasi.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Tampilkan semua brand template yang tersedia&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Get Design Information<\/div>\n          <div class=\"tool-desc\">Mengambil metadata lengkap sebuah desain: judul, tanggal dibuat, ukuran, status, dsb.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Tampilkan info lengkap desain poster rapat terakhir&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Get Design Text Content<\/div>\n          <div class=\"tool-desc\">Mengambil semua teks yang ada dalam sebuah desain \u2014 berguna untuk review atau pengeditan konten.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Ambil semua teks dari desain undangan rapat bulan ini&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Get Design Pages<\/div>\n          <div class=\"tool-desc\">Menampilkan daftar semua halaman\/slide dalam sebuah desain multi-page atau presentasi.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Tampilkan daftar slide presentasi program kerja&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Get Design Page Thumbnail<\/div>\n          <div class=\"tool-desc\">Mengambil gambar thumbnail dari halaman tertentu dalam desain untuk preview cepat.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Tampilkan thumbnail slide pertama presentasi saya&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Get Brand Template Dataset<\/div>\n          <div class=\"tool-desc\">Melihat skema data (field yang bisa diisi) dari sebuah brand template \u2014 berguna untuk auto-fill.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Apa saja field yang ada di brand template sertifikat?&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Get Assets Metadata<\/div>\n          <div class=\"tool-desc\">Mengambil metadata dari aset (gambar, logo, ikon) yang tersimpan di akun Canva.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Tampilkan info aset logo PUK yang tersimpan&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">List Brand Kits<\/div>\n          <div class=\"tool-desc\">Menampilkan semua brand kit yang tersedia \u2014 berisi warna, font, dan logo resmi organisasi.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Tampilkan brand kit yang tersedia di akun saya&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Get Presenter Notes<\/div>\n          <div class=\"tool-desc\">Mengambil catatan presenter dari setiap slide dalam presentasi Canva.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Tampilkan semua catatan presenter dari slide presentasi&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ====== KATEGORI 3: EDIT ====== -->\n  <div class=\"category-block cat-edit\">\n    <div class=\"category-header\">\n      <div class=\"category-icon\">\u270f\ufe0f<\/div>\n      <div>\n        <div class=\"category-title\">Mengedit &#038; Mengubah Desain<\/div>\n      <\/div>\n      <span class=\"category-count\">6 tools<\/span>\n    <\/div>\n    <div class=\"tool-grid\">\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Edit Design (Start \/ Save \/ Discard)<\/div>\n          <div class=\"tool-desc\">Tiga tool untuk siklus pengeditan: mulai sesi edit, simpan perubahan, atau batalkan. Harus dilakukan secara berurutan.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Edit teks judul desain poster rapat menjadi &#8216;Rapat Pleno Juli 2025&#8242;&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Resize Design<\/div>\n          <div class=\"tool-desc\">Mengubah ukuran desain yang sudah ada ke format lain \u2014 misalnya dari feed Instagram ke Story.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Ubah ukuran poster ini menjadi format Instagram Story (9:16)&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Merge Designs<\/div>\n          <div class=\"tool-desc\">Menggabungkan beberapa desain atau halaman dari desain berbeda menjadi satu dokumen.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Gabungkan slide presentasi Bidang 1 dan Bidang 5 menjadi satu file&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Upload Asset From URL<\/div>\n          <div class=\"tool-desc\">Mengunggah gambar atau aset dari URL publik ke library Canva kamu secara langsung.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Upload foto dari link ini ke Canva saya: https:\/\/&#8230;&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ====== KATEGORI 4: MANAGE ====== -->\n  <div class=\"category-block cat-manage\">\n    <div class=\"category-header\">\n      <div class=\"category-icon\">\ud83d\udcc1<\/div>\n      <div>\n        <div class=\"category-title\">Mengelola Folder &#038; Komentar<\/div>\n      <\/div>\n      <span class=\"category-count\">7 tools<\/span>\n    <\/div>\n    <div class=\"tool-grid\">\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Create Folder<\/div>\n          <div class=\"tool-desc\">Membuat folder baru di Canva untuk mengorganisir desain berdasarkan kategori atau kegiatan.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Buat folder baru bernama &#8216;Event Agustus 2025&#8242;&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Search Folders<\/div>\n          <div class=\"tool-desc\">Mencari folder yang sudah ada di akun Canva berdasarkan nama atau kata kunci.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Cari folder dengan nama &#8216;LPJ'&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">List Folder Items<\/div>\n          <div class=\"tool-desc\">Menampilkan semua desain dan sub-folder dalam sebuah folder tertentu.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Tampilkan isi folder &#8216;Event Agustus 2025&#8242;&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Move Item To Folder<\/div>\n          <div class=\"tool-desc\">Memindahkan desain dari satu folder ke folder lain untuk merapikan struktur file.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Pindahkan desain poster ini ke folder &#8216;Arsip 2024&#8242;&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Add Comment \/ List Comments \/ Reply To Comment<\/div>\n          <div class=\"tool-desc\">Tiga tool kolaborasi: menambah komentar, melihat semua komentar, dan membalas komentar di desain.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Tambahkan komentar &#8216;Tolong ubah warna teks header&#8217; di desain ini&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Publish Brand Template<\/div>\n          <div class=\"tool-desc\">Mempublikasikan desain sebagai brand template yang bisa digunakan seluruh anggota tim di Canva.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Publish desain ini sebagai brand template resmi &#8216;Pengumuman PUK'&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- ====== KATEGORI 5: EXPORT ====== -->\n  <div class=\"category-block cat-export\">\n    <div class=\"category-header\">\n      <div class=\"category-icon\">\ud83d\udce4<\/div>\n      <div>\n        <div class=\"category-title\">Mengekspor &#038; Utilitas<\/div>\n      <\/div>\n      <span class=\"category-count\">4 tools<\/span>\n    <\/div>\n    <div class=\"tool-grid\">\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Export Design<\/div>\n          <div class=\"tool-desc\">Mengekspor desain ke format file seperti PDF, PNG, JPG, atau MP4 langsung dari Claude.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Export poster rapat ke PDF kualitas tinggi&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Get Export Formats<\/div>\n          <div class=\"tool-desc\">Menampilkan semua format ekspor yang tersedia untuk sebuah desain tertentu.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Format apa saja yang bisa dipakai untuk export desain ini?&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Resolve Shortlink<\/div>\n          <div class=\"tool-desc\">Mengubah shortlink Canva menjadi URL lengkap untuk keperluan referensi atau akses langsung.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Ubah shortlink Canva ini menjadi URL lengkap&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tool-card\">\n        <div class=\"tool-dot\"><\/div>\n        <div>\n          <div class=\"tool-name\">Generate Help Answer<\/div>\n          <div class=\"tool-desc\">Mendapatkan panduan langkah demi langkah untuk fitur atau pertanyaan seputar Canva.<\/div>\n          <div class=\"tool-prompt\"><strong>Contoh Prompt<\/strong>&#8220;Bagaimana cara menambahkan animasi ke teks di Canva?&#8221;<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- TIPS PROMPT -->\n  <div class=\"tips-section\">\n    <div class=\"section-label\">Tips<\/div>\n    <div class=\"section-title\">Formula Prompt yang Efektif<\/div>\n    <div class=\"tip-item\">\n      <div class=\"tip-num\">1<\/div>\n      <div class=\"tip-content\">\n        <strong>Sebutkan Jenis Konten<\/strong>\n        <p>Selalu mulai dengan jenis desain yang diinginkan.<\/p>\n        <div class=\"tip-example\">poster \/ flyer \/ presentasi \/ Instagram post \/ sertifikat<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"tip-item\">\n      <div class=\"tip-num\">2<\/div>\n      <div class=\"tip-content\">\n        <strong>Sertakan Konteks Organisasi<\/strong>\n        <p>Cantumkan nama organisasi agar desain lebih relevan.<\/p>\n        <div class=\"tip-example\">&#8220;untuk PUK SP KEP SPSI PT Bridgestone&#8221;<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"tip-item\">\n      <div class=\"tip-num\">3<\/div>\n      <div class=\"tip-content\">\n        <strong>Tentukan Gaya Visual<\/strong>\n        <p>Sebutkan tone atau gaya yang diinginkan.<\/p>\n        <div class=\"tip-example\">formal biru \/ modern minimalis \/ cerah &#038; playful<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"tip-item\">\n      <div class=\"tip-num\">4<\/div>\n      <div class=\"tip-content\">\n        <strong>Ukuran atau Platform Tujuan<\/strong>\n        <p>Sebutkan ukuran atau platform agar output tepat sasaran.<\/p>\n        <div class=\"tip-example\">A4 \/ Instagram Story \/ Spanduk 3x1m \/ YouTube Thumbnail<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"tip-item\">\n      <div class=\"tip-num\">5<\/div>\n      <div class=\"tip-content\">\n        <strong>Isi Konten Utama<\/strong>\n        <p>Sertakan judul, tanggal, lokasi, atau teks penting lainnya.<\/p>\n        <div class=\"tip-example\">&#8220;judul: Rapat Pleno, tanggal: 15 Juli 2025, lokasi: Aula Gedung A&#8221;<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- WORKFLOW -->\n  <div class=\"workflow\">\n    <div class=\"section-label\">Alur Kerja<\/div>\n    <div class=\"section-title\">Cara Kerja Konektor Canva<\/div>\n    <div class=\"workflow-steps\">\n      <div class=\"wf-step\">\n        <div class=\"wf-line\"><\/div>\n        <div class=\"wf-circle\">1<\/div>\n        <div class=\"wf-body\">\n          <div class=\"wf-title\">Kamu ketik prompt di Claude<\/div>\n          <div class=\"wf-desc\">Gunakan bahasa natural dalam Bahasa Indonesia. Tidak perlu kode atau perintah teknis.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"wf-step\">\n        <div class=\"wf-line\"><\/div>\n        <div class=\"wf-circle\">2<\/div>\n        <div class=\"wf-body\">\n          <div class=\"wf-title\">Claude memilih tool yang tepat<\/div>\n          <div class=\"wf-desc\">Claude otomatis menentukan tool Canva mana yang paling sesuai untuk menjalankan perintahmu.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"wf-step\">\n        <div class=\"wf-line\"><\/div>\n        <div class=\"wf-circle\">3<\/div>\n        <div class=\"wf-body\">\n          <div class=\"wf-title\">Untuk presentasi \u2014 review outline dulu<\/div>\n          <div class=\"wf-desc\">Claude akan menampilkan outline slide untuk kamu setujui atau revisi sebelum desain dibuat.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"wf-step\">\n        <div class=\"wf-line\"><\/div>\n        <div class=\"wf-circle\">4<\/div>\n        <div class=\"wf-body\">\n          <div class=\"wf-title\">Kandidat desain ditampilkan<\/div>\n          <div class=\"wf-desc\">Claude generate beberapa pilihan desain. Kamu pilih yang paling sesuai.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"wf-step\">\n        <div class=\"wf-circle\">5<\/div>\n        <div class=\"wf-body\">\n          <div class=\"wf-title\">Simpan &#038; export<\/div>\n          <div class=\"wf-desc\">Setelah pilih kandidat, desain disimpan ke akun Canva kamu. Bisa langsung diedit atau diexport.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<footer>\n  <strong>Canva Connector Guide<\/strong> \u2014 Dibuat untuk PUK SP KEP SPSI PT Bridgestone<br>\n  Bidang 5 Administrasi &amp; Teknologi Informasi \u00b7 pukbsink.org\n<\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Canva Connector di Claude \u2014 Panduan Lengkap \ud83c\udfa8 MCP Integration Canva Connectordi Claude AI Panduan lengkap semua fungsi konektor Canva yang tersedia di Claude \u2014 mulai dari membuat desain hingga mengelola folder. 34 Total Tools 5 Kategori \u221e Kreasi Canva Connector adalah integrasi MCP (Model Context Protocol) yang memungkinkan Claude untuk langsung berinteraksi dengan akun [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/prompt.pukbsink.cloud\/homepage\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prompt.pukbsink.cloud\/homepage\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prompt.pukbsink.cloud\/homepage\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prompt.pukbsink.cloud\/homepage\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prompt.pukbsink.cloud\/homepage\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":1,"href":"https:\/\/prompt.pukbsink.cloud\/homepage\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/prompt.pukbsink.cloud\/homepage\/wp-json\/wp\/v2\/pages\/32\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/prompt.pukbsink.cloud\/homepage\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}