← Ican Hub

Project Survival: Roadmap 30 Produk

Jaring pengaman kalau sewaktu-waktu gak bisa lagi kerja di company sekarang (layoff atau apa pun). Portofolio produk low-touch: plugin/addon/extension yang nempel di marketplace pemain besar (Figma, Shopify, Chrome, Notion, Slack, VS Code) supaya distribusi dan pembayaran udah tersedia, tinggal dilepas dan dimonitor sesekali buat bugfix. Semua nama generik, tanpa jejak brand company.

30produk total
10 / 20Core / Stretch
12minggu (3 bulan)
6channel/marketplace
19 / 9 / 2Effort S / M / L

Status sekarang — Core 10 (2026-07-07)

8 dari 10 kode MVP sudah selesai dibangun (bukan bertahap 3 bulan seperti rencana awal — delapan produk selesai dalam satu sesi). InvoiceQuick & PollDeck sudah live. Yang tersisa cuma langkah eksternal di bawah ini — diurutkan dari yang paling banyak “membuka” produk sekaligus, bukan dari yang paling gampang:

  1. Google Cloud OAuth Client ID — membuka 2 produk: SheetGrab & FormFill (kode sudah selesai, tinggal ini)
  2. Akun Shopify Partner — membuka 2 produk: SheetStock & ReceiptDock (belum mulai dibangun sama sekali). Review App Store 4–8 minggu setelah submit — daftar akun ini duluan, jangan ditunda sampai mepet.
  3. Cek status approval creator Figma — membuka 1 produk: Web2Frame (rebrand sudah selesai, tinggal submit kalau approval clear)
  4. Akun Azure DevOps publisher — membuka publish EscPreview ke VS Code Marketplace (kode sudah bisa ditest lokal tanpa ini)
  5. Keputusan payment gateway PollDeck — reuse Midtrans Kantinmu vs akun personal baru (PollDeck sudah live tanpa payment, ini murni soal monetisasi)

Fase 0 · Sebelum submit produk pertama: infrastruktur uang

Bagian yang paling sering kelewat: tanpa ini, produk bisa live tapi gak ada jalan buat duitnya masuk rekening. Kerjakan sekali di awal, bukan per produk.
Merchant of Record
💳 Payment
Daftar Lemon Squeezy atau Paddle: mereka yang urus pajak/VAT global dan payout ke rekening/Wise, jadi gak perlu bikin PT dulu buat mulai jual.
Sekali setup, dipakai semua produk berbayar
Rekening penerima USD
🏦 Banking
Wise atau Payoneer buat terima payout dari MoR/marketplace luar negeri, baru ditarik ke rekening lokal.
Sekali setup
Akun developer marketplace
🛠️ Registrasi
Figma (gratis), Chrome Web Store ($5 sekali), Shopify Partner (gratis), VS Code/Azure DevOps (gratis), Slack API app (gratis). Daftar semua di minggu 0, jangan nunggu produk selesai baru daftar.
Sekali setup per channel
Pajak pribadi
📋 Legal
Selama masih skala kecil, laporkan sebagai penghasilan pribadi (PPh). Belum butuh PT di fase ini — baru dipikirkan kalau salah satu produk sudah jalan stabil.
Bukan blocker buat mulai, tapi jangan diabaikan begitu ada uang masuk

Jalur ke Uang per Channel

Checklist generik dari submit sampai duit masuk, berlaku buat semua produk di channel yang sama.
Figma Community
🎨
Build → siapkan cover image + 3–5 screenshot → tulis deskripsi jujur (bukan janji sempurna) → submit review (biasanya beberapa hari) → hubungkan MoR buat pricing → publish → monitor rating/review.
Shopify App Store
🛍️
Build → daftar Shopify Partner → integrasi Billing API (wajib buat charge merchant) → submit App Review (4–8 minggu, submit lebih awal) → listing publik → monitor install/uninstall.
Chrome Web Store
🧩
Build → daftar developer account ($5) → siapkan screenshot + privacy policy → submit review (1–3 minggu) → pasang paywall (mis. ExtensionPay) → publish.
Notion Template
📓
Build template → buat halaman showcase + link "Duplicate" → jual lewat Gumroad/Lemon Squeezy (Notion sendiri gak punya marketplace resmi) → distribusi via komunitas/Twitter/Reddit.
Slack App Directory
💬
Build → daftar Slack API app + OAuth → billing sendiri via Stripe (Slack gak proses pembayaran) → submit App Directory review → publish.
VS Code Marketplace
🛠️
Build → bikin Azure DevOps publisher + Personal Access Token → `vsce publish` → biasanya gratis/donasi, bukan sumber utama uang tapi bagus buat distribusi & portofolio.
Web standalone
🌐
Build → pasang checkout Lemon Squeezy/Stripe langsung di web → SEO/share-loop buat distribusi (gak ada marketplace yang bantu nemuin) → ini channel yang paling butuh effort marketing sendiri.

Bulan 1 · Minggu 1–4: Fondasi & hero bet

Rebrand yang udah jadi + bangun mesin konversi utama duluan, biar sisa bulan tinggal turunan.
🎨 Figma
Rebrand HTML→Figma existing, nama & visual netral, submit ulang ke Figma Community.
Core⛔ Blocked: cek approval creator FigmaReuse: plugin existingEffort: S · Minggu 1Model: one-time / langganan
🎨 Figma → Shopify
Kebalikan Web2Frame: desain Figma jadi section/theme Shopify. Kategori terbukti laku (6.200+ user di plugin sejenis).
StretchReuse: engine HTML↔Figma dibalikEffort: L · Minggu 1–3Model: langganan
🎨 Figma
Export Figma variables/design tokens langsung jadi Tailwind config / CSS variables.
StretchReuse: parsing Figma API dari FramifyEffort: S · Minggu 2Model: one-time
🧩 Chrome Ext
Select tabel/list di halaman web mana pun, klik, langsung masuk Google Sheets.
Core✅ Kode selesai — butuh OAuth Client IDReuse: GSheets-as-backend (Aksara/ADY/ProdForm)Effort: M · Minggu 2–3Model: freemium
🧩 Chrome Ext
Satu klik: halaman web jadi PDF rapi (bukan print-to-pdf bawaan browser yang berantakan).
StretchReuse: PDF Sign techEffort: S · Minggu 3Model: freemium
🌐 Web
Rebrand PDF Sign jadi produk e-signature standalone buat individu/UMKM.
StretchReuse: PDF Sign existingEffort: S · Minggu 3Model: freemium
🌐 Web
Rebrand CerminDiri jadi quiz refleksi diri konsumer, distribusi lewat share-loop hasil.
StretchReuse: CerminDiri existingEffort: S · Minggu 4Model: freemium / ads
Template Notion kanban ops board, hasil distilasi UX MUV jadi template dijual sekali beli.
StretchReuse: pola UX MUVEffort: S · Minggu 4Model: one-time

Bulan 2 · Minggu 5–8: Perluas keluarga plugin & masuk Shopify App Store

Turunan dari mesin Figma yang udah jalan, plus buka channel baru (Shopify, Notion API).
🎨 Figma
Export komponen Figma langsung jadi kode React + Tailwind siap pakai.
StretchReuse: engine Framify/TokenBridgeEffort: M · Minggu 5Model: langganan
🎨 Figma → WP/Webflow
Desain Figma jadi markup siap import ke WordPress/Webflow.
StretchReuse: engine yang samaEffort: M · Minggu 5–6Model: langganan
🎨 Figma
Screenshot apa pun → layer Figma yang bisa diedit, pakai AI vision buat baca layout.
StretchReuse: Web2Frame + vision AIEffort: L · Minggu 6–7Model: langganan
🛍️ Shopify App
Cetak struk/label thermal langsung dari browser buat merchant Shopify tanpa software native.
Core⛔ Blocked: butuh akun Shopify PartnerReuse: engine canvas PrintMeEffort: M · Minggu 6Model: langganan
🛍️ Shopify App
Sinkronisasi stok Shopify dua arah ke Google Sheets, buat merchant yang masih ops via spreadsheet.
Core⛔ Blocked: butuh akun Shopify PartnerReuse: GSheets integrationEffort: M · Minggu 7Model: langganan
🛍️ Shopify App
Generator QR katalog/menu buat merchant kecil, otomatis update dari produk Shopify.
StretchReuse: canvas/PDF genEffort: S · Minggu 7Model: freemium
🧩 Chrome Ext
Clip halaman web jadi halaman Notion rapi, satu klik.
StretchReuse: content extractionEffort: S · Minggu 8Model: freemium
📓 Notion
Template pencatat keuangan personal, distilasi UX Uang Keluar/Trip Dashboard.
StretchReuse: UX Uang Keluar/TripEffort: S · Minggu 8Model: one-time
📓 Notion
Integrasi dua arah Notion database ↔ Google Sheets.
StretchReuse: GSheets skillEffort: M · Minggu 8Model: langganan

Bulan 3 · Minggu 9–12: Micro-tools, dev tools & buffer review marketplace

Produk kecil buat genapin 30, plus buffer waktu karena Shopify/Chrome/Figma butuh waktu review sebelum tayang publik.
🛠️ VS Code Ext
Generate schema/type dari struktur Google Sheet buat developer.
StretchReuse: GSheets skillEffort: S · Minggu 9Model: gratis/donasi
🛠️ VS Code Ext
Live preview hasil render ESC/POS thermal printer langsung di editor.
Core✅ Kode selesai — publish butuh akun Azure DevOpsReuse: canvas engine PrintMeEffort: S · Minggu 9Model: gratis/donasi
💬 Slack App
Port konsep TeleClaude (AI agent assistant) ke Slack App Directory, jangkauan self-serve lebih luas.
StretchReuse: TeleClaude/agent wrapperEffort: M · Minggu 9–10Model: langganan
💬 Slack App
Bot reminder/standup harian sederhana buat tim kecil.
StretchReuse: pengalaman bot TelegramEffort: S · Minggu 10Model: freemium
🌐 Web
Rebrand Live Survey jadi alt murah buat Slido/Mentimeter, target trainer/event kecil.
Core🟢 Live: polldeck.product-sid.usReuse: Survey tool existingEffort: S · Minggu 10Model: freemium
🌐 Web
Generator invoice/struk sederhana buat freelancer & UMKM.
Core🟢 Live: /project/invoicequick/Reuse: canvas/PDF skillEffort: S · Minggu 10Model: freemium
🌐 Web
Pembuat label thermal standalone, SKU beda dari ReceiptDock, target UMKM langsung.
StretchReuse: engine PrintMeEffort: S · Minggu 11Model: freemium
🧩 Chrome Ext / Web
Halaman web → slide deck (PPT/Google Slides) otomatis.
Core✅ Kode selesai, no blockerReuse: parsing HTMLEffort: M · Minggu 11Model: langganan
🧩 Chrome Ext
Simpan halaman web jadi Markdown bersih buat baca nanti.
StretchReuse: content extractionEffort: S · Minggu 11Model: freemium
🎨 Figma
Isi empty-state desain otomatis dengan ilustrasi/random data yang relevan.
StretchReuse: familiaritas Figma APIEffort: S · Minggu 12Model: one-time
Template content calendar buat kreator/tim kecil.
StretchReuse: –Effort: S · Minggu 12Model: one-time
🧩 Chrome Ext
Auto-fill form web dari baris data Google Sheet, buat kerjaan entri data berulang.
Core✅ Kode selesai — butuh OAuth Client IDReuse: GSheets + pengalaman ProdFormEffort: M · Minggu 12Model: freemium
🎨 Figma
Ekstrak palet warna dari screenshot apa pun langsung jadi style Figma.
Core✅ Kode selesai, no blockerReuse: vision AI + Figma APIEffort: S · Minggu 12Model: one-time

Catatan & risiko