SnapFrame

Screenshot apapun jadi layer Figma yang siap diedit — bukan sekadar gambar tempel.

Stretch 🎨 Figma Effort L

▿ VERDICT: LEMAH

Red ocean — 12 kompetitor termasuk pemain besar yang sudah funded.

Ide ini secara konsep masuk akal dan reuse skill founder (Web2Frame + vision AI) memang mempercepat build, tapi berdasarkan riset pasar (termasuk riset ulang), ini BUKAN peluang yang kuat dalam bentuknya sekarang — dan situasinya lebih parah dari draft PRD sebelumnya.

Kategori 'screenshot ke editable Figma layer via AI' sudah jadi red ocean sebelum SnapFrame lahir: riset ulang menemukan minimal 12 kompetitor live (bukan 7 seperti draft awal) — Codia AI Design mengklaim 300.000+ pengguna profesional, divRIOTS (pemain mapan yang juga bikin html.to.design) sudah merilis fitur identik sejak Agustus 2025 sebagai bagian hub 'anything.to.design', CodeTea sudah punya 3 listing plugin aktif plus produk web sendiri, dan minimal 9 plugin long-tail lain (img2figma, Layerize, DokeyMai, FigVision, Screenshot to Figma by Refore, Image To Figma Design, PNG Image to editable Figma elements, FigOCR, Screenshots Uploader) semuanya terverifikasi live.

Tanpa wedge yang benar-benar tajam (misal fokus sempit ke dashboard/data-UI kompleks atau output yang di-mapping ke design system milik user, bukan layer generik), SnapFrame akan sulit dibedakan dari kompetitor yang jauh lebih besar dan lebih dulu ada.

Catatan penting soal angka: pricing Codia yang dipakai sebagai anchor di draft sebelumnya ($29/$17) TIDAK BISA diverifikasi — halaman resminya render dinamis via JS dan sumber pihak ketiga saling bertentangan ($19 sampai $99/bulan tergantung sumber, kemungkinan karena Codia punya banyak lini produk berbeda harga).

Sebaliknya, pricing html.to.design yang sebelumnya salah kutip ($96/tahun) sudah dikoreksi jadi angka terverifikasi langsung dari halaman resmi mereka: $12/user/bulan kalau ditagih tahunan (total $144/tahun) atau $18/bulan kalau ditagih bulanan.

Dengan anchor yang lebih solid ini, estimasi upside SnapFrame tetap kecil — perkiraan kasar MRR $400-1.500 di bulan ke-6 (bukan angka pasti, karena data penjualan plugin individual tidak transparan) — dan effort yang diestimasi (L, besar) tidak sepadan dengan potensi upside realistis di pasar yang makin padat setiap bulan (4 kompetitor tambahan ditemukan hanya dari satu putaran riset ulang).

Rekomendasi: sebelum commit effort besar, (1) verifikasi manual pricing Codia langsung di browser untuk memastikan anchor pricing SnapFrame tidak salah asumsi, dan (2) validasi dulu wedge sempit (dashboard/design-system-aware mapping) dengan MVP kecil yang dites ke user existing HTML to Figma SID; kalau traksi lemah di validasi awal, lebih baik alihkan effort L itu ke micro-produk lain di portofolio yang pasarnya belum sepadat ini.

ReuseWeb2Frame + vision AI

Modellangganan

Channel🎨 Figma

Diferensiasi ▸

Karena kategori generik 'screenshot ke editable layer' sudah dikuasai pemain besar (Codia 300k+ user, divRIOTS dengan brand 'anything.to.design', plus CodeTea dan minimal 9 plugin long-tail lain — total 12+ kompetitor terverifikasi), SnapFrame TIDAK BISA menang di head-to-head fitur generik.

Wedge yang lebih realistis: (1) fokus sempit ke reproduksi UI kompleks yang sering gagal di tool generik — dashboard, tabel data, chart, form panjang (bukan landing page marketing yang sudah dikuasai html.to.design/image.to.design) — dengan memanfaatkan reuse skill Web2Frame + vision AI yang sudah dikuasai founder; (2) output yang di-mapping ke design system/component library milik user sendiri (bukan rectangle & text generik), sehingga hasil convert langsung dipakai konsisten dengan style guide tim; (3) distribusi lewat cross-sell ke basis pengguna existing plugin founder ('HTML to Figma SID') sebagai upsell, bukan cold-start di Figma Community yang sudah padat dan makin ramai entrant baru tiap bulan.

Potensi Revenue ▸

Model: Langganan bulanan/tahunan per seat, mengikuti pola pasar sejenis. Anchor utama: html.to.design individual PRO plan — VERIFIED langsung dari html.to.design/docs/pro-plan/ = $18/user/bulan (ditagih bulanan) atau $12/user/bulan (ditagih tahunan, total $144/tahun; angka $96/tahun di draft sebelumnya SALAH KUTIP dan sudah dikoreksi).

Codia TIDAK dipakai sebagai anchor karena pricing publiknya tidak bisa diverifikasi (lihat catatan di revenue reasoning). · Harga: $7-12/bulan atau $69-99/tahun per user — diposisikan di bawah anchor html.to.design PRO individual ($12-18/bulan, terverifikasi) karena SnapFrame produk solo tanpa brand trust/track record sebesar html.to.design atau divRIOTS.

Pricing Codia TIDAK dipakai sebagai pembanding karena angkanya tidak solid (lihat reasoning).

Estimasi 6 bulan: Estimasi kasar (bukan data pasti, karena tidak ada angka penjualan plugin individual yang terverifikasi publik): dengan pasar sudah ramai (12+ kompetitor terverifikasi) dan tanpa marketing besar, realistis 50-150 paying subscriber di bulan ke-6 dengan harga $7-12/bulan -> MRR sekitar $400-1.500/bulan (~Rp 6-22 juta).

Ini jauh di bawah skenario 'produk hit' karena kategori sudah saturated duluan sebelum SnapFrame masuk, dan makin padat tiap bulan.

Dasar perbandingan yang SOLID: html.to.design (pemain mapan, brand kuat, bagian perusahaan yang sama dengan divRIOTS) — pricing PRO individual terverifikasi langsung dari halaman resmi mereka ($12-18/bulan tergantung siklus tagihan) dipakai sebagai anchor utama kategori 'X to Figma'.

Codia AI Design SENGAJA TIDAK dipakai sebagai anchor kedua meski awalnya direncanakan begitu — halaman resmi codia.ai/pricing me-render dinamis via JS sehingga tidak bisa diverifikasi via fetch otomatis, dan tiga sumber pihak ketiga independen memberi angka yang jauh berbeda satu sama lain ($19, $29-59, $49-99 per bulan tergantung sumber), kemungkinan karena bercampur dengan produk lain Codia (Codia Studio, AI Code, dll).

Menggunakan angka yang tidak solid sebagai anchor pricing berisiko salah arah keputusan bisnis — sebelum dipakai lagi, perlu verifikasi manual (buka browser asli, bukan fetch) khusus untuk tab 'Figma Plugin' di halaman pricing Codia.

Figma Community sendiri mensyaratkan minimum $2 dan mengambil fee 15% dari setiap transaksi, serta subscription otomatis dapat free trial 7 hari (ini sudah dikutip akurat dan terverifikasi di riset awal) — ini mengecilkan effective take-home per subscriber baru di awal.

Karena kategori sudah punya minimal 12 kompetitor termasuk satu dengan 300k+ user, funnel discovery SnapFrame di Figma Community kemungkinan besar rendah tanpa strategi distribusi di luar marketplace (cross-sell, konten, komunitas).

MVP Scope ▸

Paste/upload 1 screenshot -> generate Figma frame dengan layer text, shape, dan image editable (bukan flat image)
Deteksi komponen umum: button, input field, card, nav bar, dengan auto layout dasar
Font-matching otomatis (deteksi font terdekat yang tersedia di Figma/Google Fonts)
Shortcut paste langsung dari clipboard (Cmd+V) tanpa upload manual
Export hasil sebagai native Figma layer siap edit, bukan image atau vector trace kaku

Risiko ▸

Kategori sudah red ocean dan makin padat: minimal 12 kompetitor terverifikasi live (naik dari 7 di riset awal) termasuk satu dengan klaim 300.000+ user (Codia), satu perusahaan mapan (divRIOTS), dan satu platform multi-produk (CodeTea) — biaya akuisisi user organik di Figma Community kemungkinan tinggi dan terus naik
Tidak ada moat teknis; siapapun bisa panggil vision API yang sama, sehingga kualitas output mudah ditiru atau bahkan sudah lebih baik di kompetitor established — terbukti dari kecepatan entrant baru (4-5 kompetitor baru ditemukan hanya dari satu putaran riset ulang)
Risiko platform: Figma bisa merilis fitur native screenshot-to-layer (perluasan Figma AI/Weave) yang membuat seluruh kategori plugin pihak ketiga usang
Margin tipis karena biaya API vision model per konversi, terutama kalau harga langganan ditekan rendah untuk bersaing dengan free-credit competitor
Efort besar (L) untuk produk yang seharusnya low-touch sesuai tujuan portofolio 'Project Survival' — risiko opportunity cost dibanding micro-produk lain yang lebih niche/less-contested
Ekspektasi user terhadap akurasi visual tinggi ('harus persis sama') sulit dipenuhi konsisten oleh solo dev tanpa tim QA khusus
Data pricing kompetitor utama (Codia) tidak bisa diverifikasi secara pasti — keputusan pricing SnapFrame yang bersandar padanya berisiko salah anchor sampai ada verifikasi manual langsung di browser

Kompetitor (4) — bukti pendukung verdict ▸

Codia AI Design (Screenshot to Editable Figma Design)

Platform AI design-to-code/code-to-design besar, salah satu fiturnya konversi screenshot ke Figma editable. Diklaim dipakai 300.000+ desainer profesional di 181 negara. Produk multi-lini (Figma Plugin, Codia Studio, AI Code, Canva Plugin, Codia Open API, NoteSlide), masing-masing dengan halaman pricing terpisah.

Harga: TIDAK BISA diverifikasi dengan pasti. Halaman resmi codia.ai/pricing me-render dinamis via JavaScript sehingga fetch otomatis hanya menampilkan header generik ('Transparent pricing for every product') tanpa angka. Sumber pihak ketiga saling bertentangan: aimojo.io menyebut Starter $49/Pro $99 per bulan; aichief.com menyebut Free $0/Pro $19/bulan; fahimai.com menyebut Starter $29/developer/bulan (300 credit) / Pro $59/developer/bulan (500 credit); versi awal riset ini memakai $29/$17-tahunan. Kemungkinan besar sumber-sumber ini mengutip produk Codia yang berbeda (Figma Plugin vs Codia Studio vs AI Code) sehingga tercampur. REKOMENDASI: buka codia.ai/pricing di browser asli (bukan fetch) dan screenshot angka pasti untuk tab 'Figma Plugin' sebelum dipakai sebagai anchor pricing SnapFrame.

Celah: Platform besar dan generik (bundling banyak fitur code-to-design/design-to-code), pricing credit-based dan multi-produk yang membingungkan untuk kasus pemakaian sesekali/freelance; overkill kalau user cuma butuh convert screenshot cepat

image.to.design by divRIOTS

Bagian dari hub 'anything.to.design' milik divRIOTS, perusahaan yang juga bikin html.to.design (perusahaan mapan, bukan solo dev). Sudah punya fitur screenshot->editable layers sejak Agustus 2025, plus import banyak format gambar (avif, webp, svg, raw, dst).

Harga: Model credit gratis untuk mulai; tidak ada info harga publik yang jelas untuk fitur screenshot spesifik (terpisah dari harga html.to.design PRO yang sudah terverifikasi)

Celah: Fokus produk lebih ke general image/format importer daripada spesialisasi UI reproduction; output layer generik, tidak di-mapping ke design system milik user

CodeTea (Image to Figma / AI Design / Design-to-Code)

Platform multi-produk (codetea.io) dengan minimal 3 listing terpisah di Figma Community: 'CodeTea - Image to Figma, ScreenShot to Figma', 'CodeTea - AI Design: Prompt, Image & Screenshot to Editable Figma Design', dan app terintegrasi 'CodeTea.io'. Juga menawarkan arah sebaliknya (screenshot -> HTML/CSS code), mirip positioning Codia tapi skala lebih kecil.

Harga: Tidak ditemukan halaman pricing publik yang transparan dalam riset ini — dicatat sebagai gap data, bukan estimasi pasti

Celah: Kompetitor yang lebih baru dan kurang dikenal dibanding Codia/divRIOTS, tapi sudah punya 3 listing plugin aktif sekaligus produk web sendiri — menunjukkan kategori ini terus menarik entrant baru dengan cepat, memperkuat tesis red ocean

img2figma, Layerize, DokeyMai, FigVision, Screenshot to Figma by Refore, Image To Figma Design (Crafttor), PNG Image to editable Figma elements, FigOCR, Screenshots Uploader

Kelompok 9 plugin long-tail lebih kecil, semua terverifikasi live di Figma Community per riset ulang Juli 2026 (dicek satu-satu via web search, URL Figma Community valid untuk semua). Kebanyakan model freemium/credit gratis (contoh: img2figma 4 credit gratis).

FigOCR punya positioning sedikit beda (OCR teks dari screenshot jadi layer editable, figocr.com) tapi overlap kuat dengan use-case SnapFrame.

Harga: Freemium/credit-based untuk sebagian besar; detail harga lanjutan tidak ditemukan di riset publik untuk mayoritas — dicatat sebagai estimasi kasar, bukan data pasti

Celah: Kualitas dan dukungan tidak konsisten, banyak yang terlihat seperti wrapper API vision generik tanpa diferensiasi kuat — tapi ini juga berarti barrier to entry rendah, gampang muncul kompetitor baru lagi (terbukti: riset awal cuma menemukan 5 dari kelompok ini, riset ulang menemukan 4 tambahan yang sebelumnya terlewat)

SWOT ▸

Strengths

Founder sudah punya reusable asset 'Web2Frame + vision AI' dari project sebelumnya (HTML to Figma SID) sehingga MVP bisa dibangun lebih cepat dari nol
Sudah punya basis pengguna existing plugin Figma yang bisa di-cross-sell tanpa cold-start marketing
Model langganan cocok untuk pendapatan berulang pasif, sesuai tujuan 'jaring pengaman finansial'

Weaknesses

Tidak ada moat teknis unik dibanding Codia (300k+ user), divRIOTS (perusahaan mapan dengan brand 'to.design' suite), atau CodeTea (platform multi-produk)
Akurasi AI vision untuk reproduksi UI adalah komoditas — model vision (GPT-4V/Gemini/Claude vision dsb) dipakai semua kompetitor, sulit dibedakan tanpa investasi R&D besar
Solo founder, bandwidth dukungan/QA terbatas untuk produk yang butuh akurasi visual tinggi (ekspektasi user biasanya 'harus sama persis')
Estimasi effort L (besar) untuk produk portofolio yang seharusnya low-touch — risiko waktu tidak sebanding dengan potensi upside di pasar yang sudah padat dan makin padat tiap bulan

Opportunities

Cross-sell ke user existing plugin HTML to Figma SID sebagai add-on/upsell tanpa biaya akuisisi baru
Niche wedge di reproduksi dashboard/data-heavy UI atau output yang di-mapping ke design system user sendiri — area yang belum digarap serius kompetitor generik
Segmen tim produk yang rutin benchmarking kompetitor bisa jadi ceruk B2B kecil dengan willingness-to-pay lebih tinggi dari freelancer individual

Threats

Kompetitor besar (divRIOTS) sudah punya fitur identik sejak Agustus 2025 dan terus mengembangkan suite 'anything.to.design' — mereka bisa menambah fitur wedge SnapFrame kapan saja
Figma sendiri terus perluas AI native (Figma AI, Figma Weave) yang berpotensi mematikan seluruh kategori plugin pihak ketiga ini dalam 1-2 tahun
Race-to-bottom pricing: banyak kompetitor menawarkan model freemium/credit gratis, menekan willingness-to-pay untuk plugin baru tanpa reputasi
Biaya API vision model per konversi bisa menggerus margin subscription tipis jika volume pemakaian tinggi tapi harga langganan rendah
Barrier to entry kategori ini terbukti sangat rendah — riset ulang menemukan 4-5 kompetitor baru hanya dari satu putaran pencarian tambahan, artinya SnapFrame akan terus menghadapi entrant baru bahkan setelah launch

Masalah & Persona ▸

Designer dan developer sering menerima referensi UI hanya dalam bentuk screenshot (dari app kompetitor, Dribbble, mockup klien di WhatsApp, PDF deck, atau foto layar HP) dan harus membangun ulang manual jadi vector/frame Figma yang bisa diedit.

Proses trace-ulang ini repetitif, makan waktu berjam-jam untuk UI yang kompleks (dashboard, tabel data, form panjang), dan sering hasilnya tidak presisi.

Persona

Pembeli utama: Freelance product/UI designer atau in-house designer di agency kecil-menengah yang rutin menerima brief 'bikin mirip yang ini' dari klien/PM berupa screenshot referensi, plus tim produk yang melakukan benchmarking kompetitor secara berkala.

Harus manual re-create tiap elemen (button, card, tabel) dari screenshot jadi layer Figma — buang 1-3 jam per layar
Hasil trace manual sering tidak konsisten (spacing, font, warna meleset dari referensi asli)
Alat screenshot-to-Figma yang ada sekarang menghasilkan layer generik (rectangle/text biasa), bukan komponen yang cocok dipakai lanjut di design system tim sendiri
Client/PM sering minta iterasi cepat berbasis referensi visual, bukan brief tertulis, sehingga kecepatan konversi visual->editable jadi bottleneck

Trigger beli: Dapat deadline mendadak dari klien/PM berupa screenshot referensi yang harus di-deliver draft editable-nya dalam hitungan jam, atau tim produk mulai rutin melakukan UI competitive benchmarking dan butuh workflow berulang yang cepat.

Go-to-Market ▸

Bangun MVP core (bukan stretch) dan validasi akurasi reproduksi dengan 10-15 screenshot UI kompleks (dashboard, tabel) sebelum launch publik
Rilis dulu sebagai fitur/add-on di dalam plugin existing 'HTML to Figma SID' untuk cross-sell ke user aktif, sambil kumpulkan feedback kualitas
Publish sebagai plugin terpisah di Figma Community dengan free tier terbatas (misal 5 konversi gratis) untuk dapat review awal dan traksi organik
Buat konten before/after (video singkat screenshot -> Figma editable) untuk posting di X/Twitter, komunitas Designer Hangout Slack, dan r/FigmaDesign
Landing page kecil dengan SEO target keyword 'screenshot to figma' dan 'image to figma editable' untuk tangkap search intent yang sudah terbukti ada (12+ kompetitor sudah muncul dari keyword ini)
Reach out ke 2-3 newsletter desain (UX Tools, Figma Weekly) untuk mention singkat setelah ada social proof (rating/testimoni) awal
Evaluasi di bulan ke-2: kalau konversi free->paid di bawah 2%, stop scaling marketing dan pertimbangkan pivot wedge (fokus dashboard/design-system-aware) sebelum tambah investasi

Metrik Sukses ▸

500+ install dalam bulan pertama setelah publish di Figma Community
Conversion free-to-paid minimal 3% dari total install aktif
MRR sekitar $400-500 di bulan ke-3, $1.000-1.500 di bulan ke-6 (target konservatif sesuai riset pasar)
Churn bulanan di bawah 8%
Rating rata-rata di Figma Community minimal 4.5/5 dari minimal 20 review
Minimal 15% dari paid subscriber datang dari cross-sell basis pengguna plugin existing (HTML to Figma SID)

Riset Market & Sumber ▸

Kategori 'screenshot/image ke editable Figma layer via AI vision' TERNYATA jauh lebih ramai dari perkiraan awal, dan sudah punya pemain mapan — bukan blue ocean sama sekali.

Riset ulang mengonfirmasi minimal 12 plugin/produk serupa live per Juli 2026 (naik dari 7 di riset awal): Codia AI Design (mengklaim 300.000+ desainer profesional di 181 negara), image.to.design oleh divRIOTS (bagian hub 'anything.to.design', perusahaan yang sama juga bikin html.to.design), CodeTea (3 listing plugin + produk web codetea.io, termasuk arah sebaliknya screenshot->code), Layerize, img2figma, DokeyMai, FigVision (Beta), Screenshot to Figma by Refore, Image To Figma Design (oleh Crafttor), PNG Image to editable Figma elements, FigOCR (figocr.com, fokus OCR teks->layer), dan Screenshots Uploader.

Semua 12 nama ini diverifikasi ulang via web search dengan URL Figma Community/situs resmi yang benar-benar ada — bagian ini kredibel dan memperkuat tesis red ocean secara signifikan dibanding draft sebelumnya.

CATATAN VERIFIKASI PRICING: angka pricing Codia AI Design TIDAK bisa dipastikan — halaman resmi codia.ai/pricing me-render dinamis via JavaScript (fetch otomatis hanya dapat header generik tanpa angka), dan sumber pihak ketiga saling bertentangan secara signifikan (aimojo.io: Starter $49/Pro $99 per bulan; aichief.com: Pro $19/bulan; fahimai.com: Starter $29/300 credit, Pro $59/500 credit) — kemungkinan besar karena Codia adalah perusahaan multi-produk (NoteSlide, Codia Studio, Figma Plugin, AI Code, Canva Plugin, Codia Open API) dan sumber-sumber ini mengutip produk berbeda.

Sebaliknya, pricing html.to.design berhasil diverifikasi langsung dan konsisten dari halaman resmi: PRO plan individual = $18/user/bulan (ditagih bulanan) atau $12/user/bulan (ditagih tahunan, total $144/tahun) — angka $96/tahun di draft sebelumnya SALAH KUTIP dan sudah dikoreksi.

Tren konsolidasi: perusahaan yang tadinya spesialis 'HTML/website ke Figma' (html.to.design, sekarang terverifikasi $12/bulan-tahunan atau $18/bulan-bulanan per seat) sekarang memperluas ke 'image/screenshot ke Figma' dalam satu hub produk (anything.to.design). Ini nunjukin fitur ini makin dianggap table-stakes, bukan diferensiator berdiri sendiri.

Tren kedua yang lebih mengkhawatirkan untuk SnapFrame: kecepatan entrant baru cukup tinggi — riset ulang menemukan 4-5 kompetitor tambahan yang sebelumnya tidak terdeteksi hanya dalam satu putaran pencarian tambahan, menandakan barrier to entry sangat rendah (siapapun bisa wrap vision API jadi plugin Figma).

Figma sendiri juga terus memperluas fitur AI native (Figma AI, Figma Weave) yang berpotensi suatu saat menelan use-case ini secara native.

Sumber

Codia AI Design: Screenshot to Editable Figma Design (Figma Community) Codia Pricing (halaman JS-rendered, angka tidak bisa diverifikasi via fetch otomatis) Codia AI Review — angka $49 Starter/$99 Pro per bulan (sumber pihak ketiga, tidak match sumber lain) Codia AI Review, Pricing — angka $19/bulan Pro (sumber pihak ketiga, tidak match sumber lain) Codia AI Got Me 10x Faster Code — angka $29 Starter/$59 Pro per developer (sumber pihak ketiga, tidak match sumber lain) image.to.design now turns screenshots into editable layers — divRIOTS blog anything.to.design — hub produk divRIOTS Layerize: Image to Figma AI (Figma Community) img2figma — Convert Images to Editable Figma Designs DokeyMai: Screenshot to figma (Figma Community) FigVision (Beta) - AI Image to Design (Figma Community) Screenshot to Figma by Refore (Figma Community) CodeTea - Image to Figma, ScreenShot to Figma (Figma Community) CodeTea - AI Design: Prompt, Image & Screenshot to Editable Figma Design (Figma Community) CodeTea.io official site Image To Figma Design by Crafttor (Figma Community) PNG Image to editable Figma elements (Figma Community) FigOCR (Figma Community) FigOCR official site Screenshots Uploader (Figma Community) html.to.design PRO plan pricing — VERIFIED: $18/bulan (bulanan) atau $12/bulan (tahunan, total $144/tahun) About selling Community resources — Figma Help Center (fee 15%, minimum $2, subscription trial 7 hari)

← Kembali ke daftar 30 produk Roadmap Core 10