Kategori Desain · Inteligensi Apache-2.0 · Dibuat di Bumi
← Kembali ke catatan

Alternatif open-source untuk Figma

Figma sangat bagus dan tidak akan ke mana-mana. Tapi format file-nya proprietary, kursi (seat) berbasis langganan, dan kanvasnya hidup di cloud milik orang lain. Inilah penilaian jujur tentang kapan Figma masih jadi jawabannya — dan kapan memiliki alur kerja yang agent-native dan local-first justru menang.


Figma sangat bagus. Kami telah mengerjakan pekerjaan nyata di dalamnya selama bertahun-tahun, dan ini bukan tulisan "Figma sudah mati" — jelas bukan. Fakta bahwa kami membangun sebuah lapisan open-source alih-alih kanvas lain bukanlah keluhan tentang kualitas kerajinan Figma. Ini adalah taruhan bahwa dekade berikutnya dari pekerjaan desain akan terlihat lebih sedikit seperti sebuah kursor di kanvas tak terbatas dan lebih seperti sebuah agent yang sudah Anda bayar, menggerakkan alur kerja yang benar-benar Anda miliki. Tulisan ini adalah penilaian jujur tentang Figma dari sebuah tim yang membangun di kategori yang sama: apa yang paling baik dilakukannya, di mana ia mengunci Anda, seperti apa sebenarnya jalur open-source itu, dan mana yang harus Anda pilih kuartal ini.

Apa sebenarnya Figma itu

Figma adalah alat desain kolaboratif default. Sebuah kanvas multiplayer real-time di dalam browser, dengan Dev Mode untuk handoff, FigJam untuk whiteboarding, sebuah marketplace plugin yang mendalam, dan sekumpulan fitur AI yang terus bertambah yang dipasang pada permukaan yang sama. Harganya per-seat per-bulan, berjenjang menurut peran dan menurut organisasi.

Ada beberapa hal yang dilakukannya lebih baik daripada apa pun yang lain:

  • Kolaborasi kanvas real-time. Lima orang dalam satu file, kursor langsung terlihat, komentar muncul di tempat. Tidak ada apa pun di open source yang menandingi kematangan multiplayer-nya.
  • Pekerjaan vektor presisi piksel. Auto Layout, constraint, varian, komponen — primitif kanvasnya matang dan muscle memory-nya tertanam dalam.
  • Ekosistem plugin yang besar. Satu dekade plugin pihak ketiga, file komunitas, dan template yang bisa langsung Anda pakai.
  • Handoff yang sudah dikenal tim. Dev Mode, inspect, redline, dan sebuah alur kerja yang telah dilatih oleh tim engineering selama bertahun-tahun.

Jika pekerjaan Anda adalah seorang desainer yang melukis layar-layar presisi untuk di-review manusia lain di kanvas bersama, Figma masih jawabannya, dan itu jawaban yang baik. Perbedaan yang layak diperhatikan hidup satu lapisan di bawahnya — pada siapa yang memiliki file, alur kerja, dan kurva biaya.

Di mana ia mengunci Anda

Figma membawa empat keping lock-in yang layak disebut sejak awal, karena halaman harganya tidak menyebutkannya.

File-nya proprietary. Desain Anda hidup di format Figma, di dalam server Figma. Anda bisa mengekspor PNG dan spesifikasi dev, tetapi sumber kebenaran — komponen, varian, design system yang hidup — hanya sepenuhnya terbaca di dalam Figma. Tidak ada versi teks biasa dari pekerjaan Anda yang bisa bertahan di luar alat itu.

Runtime-nya hosted. Kanvas adalah cloud. Untuk pekerjaan agensi atau karya kreatif pra-peluncuran di bawah NDA, "di mana file ini hidup" adalah sebuah percakapan pengadaan, bukan sebuah pengaturan. Local-only bukanlah sebuah mode.

Plugin-nya tidak portabel. Ekosistem plugin Figma nyata dan mendalam — tetapi setiap plugin berjalan di dalam runtime Figma, terhadap API Figma. Sebuah alur kerja yang Anda bangun di sana tidak bisa diangkat keluar dan dijalankan oleh sebuah agent di laptop Anda, atau dirangkai ke dalam sebuah pipeline yang tidak diawali dengan kanvas Figma.

Tagihannya per-seat, selamanya. Kursi langganan tidak masalah untuk tim desain yang stabil. Mereka menjadi canggung untuk organisasi yang berkembang cepat, dan mereka mustahil untuk ekor panjang kontributor, kontraktor, dan kolaborator sekali pakai yang sebenarnya bisa mengambil alih alur kerja yang sama.

Tidak ada satu pun dari ini yang merupakan bug. Mereka adalah bentuk dari sebuah produk kanvas kolaboratif yang hosted, dan Figma adalah versi terbaik dari bentuk itu. Kami hanya tidak membangun untuk kanvas — kami membangun untuk agent.

Sebuah gembok hitam bersegi yang menyatu dengan bentuk dokumen, dikelilingi batas garis putus-putus dengan sebuah kunci yang digambar sebagai diagram teknik, di atas plat studi editorial bernuansa hangat
Sumber kebenaran hidup di sebuah file proprietary, di dalam cloud milik orang lain.

Pergeseran yang dipertaruhkan Open Design

Open Design bukan klon Figma. Tidak ada kanvas tak terbatas dan tidak ada kursor multiplayer. Ia adalah sebuah lapisan skill tipis yang mengubah coding agent yang sudah Anda gunakan menjadi sebuah mesin desain. Empat primitifnya adalah skills, systems, adapters, dan daemon — dan bagian pentingnya adalah bahwa semuanya hanyalah file:

  • Setiap skill adalah sebuah file SKILL.md yang bisa Anda baca, fork, dan kirim kembali sebagai PR.
  • Setiap design system adalah sebuah file DESIGN.md yang portabel — termasuk yang kami ship untuk Figma itu sendiri. Anda bisa membukanya di editor mana pun, mem-diff-nya di git, dan ia bertahan lebih lama daripada alat apa pun yang membacanya berikutnya.
  • Setiap agent adapter sekitar 80 baris TypeScript.

Yang Anda dapatkan dari itu adalah kebalikan tepat dari empat lock-in di atas:

  • File-nya teks biasa. Skill dan system adalah Markdown di dalam sebuah repo. Design system Anda terbaca tanpa alatnya.
  • Runtime-nya lokal. Ia berjalan di laptop Anda melalui pnpm tools-dev, atau Anda men-deploy-nya sendiri. Prompt dikirim ke penyedia model yang Anda pilih — tidak ada yang melewati kami.
  • Alur kerjanya portabel. Sebuah skill adalah sebuah folder. Ia merangkai ke dalam agent mana pun di $PATH Anda, bukan runtime plugin milik satu vendor.
  • BYOK secara default. Tempel base_url dan key apa pun yang kompatibel dengan OpenAI; token Anda dikirim langsung ke penyedia. Apache-2.0, tanpa pendaftaran, tanpa tagihan per-seat.

Model mentalnya: Figma adalah sebuah kanvas yang Anda sewa. Open Design adalah sebuah alur kerja yang Anda miliki.

Sebuah kipasan lembaran kertas hitam polos dan kartu indeks yang menyebar keluar dari wadah terbuka, beberapa di antaranya melayang bebas, di atas plat studi editorial bernuansa hangat
Skill dan system adalah file teks biasa di dalam sebuah repo — portabel, bisa di-fork, terbaca tanpa alatnya.

Berdampingan

FigmaOpen Design
LisensiProprietaryApache-2.0
RuntimeHosted (browser, cloud Figma)Daemon lokal (pnpm tools-dev) + self-host opsional
Format sumberProprietary .figTeks biasa SKILL.md / DESIGN.md di dalam repo
Permukaan utamaKanvas multiplayer real-timeGenerasi yang digerakkan agent + pratinjau sandbox
Model / AIFitur AI milik Figma sendiriEndpoint apa pun yang kompatibel dengan OpenAI + CLI coding-agent yang terdeteksi
PluginMarketplace, berjalan di dalam FigmaFolder skill yang bisa di-fork, dijalankan oleh agent mana pun
Design systemLibrary Figma (di dalam alat)File DESIGN.md yang portabel (termasuk satu untuk Figma)
HargaLangganan per-seatGratis; Anda membayar penyedia model Anda secara langsung
HandoffDev Mode, inspect, redlineAgent apa pun di $PATH, ditambah ekspor HTML / PDF / PPTX / ZIP
Bisa self-hostTidakYa (laptop atau deploy Anda sendiri)
Jalur dataFile → cloud FigmaPrompt → penyedia pilihan Anda; tidak ada yang melewati kami

Ringkasan jujurnya: Figma memiliki pengalaman kanvas kolaboratif yang paling terpoles di pasar, dan untuk sebuah tim desainer yang me-review layar-layar presisi bersama, poles itu adalah produknya. Open Design menukar kanvas sepenuhnya dengan sebuah library — skills, systems, dan agents yang dirancang untuk merangkai dengan alat yang sudah ada di laptop Anda. Bentuk yang berbeda, taruhan yang berbeda.

Siapa yang harus memilih apa

Jika Anda adalah…Pilih
Sebuah tim desain yang mengerjakan pekerjaan kanvas real-time, multi-desainer dengan review langsungFigma. Tidak ada apa pun di open source yang menandingi kanvas multiplayer.
Seorang desainer yang mengerjakan pekerjaan vektor dan komponen presisi piksel sepanjang hariFigma. Primitif kanvasnya matang dan muscle memory Anda bernilai uang sungguhan.
Sebuah organisasi yang sudah terstandardisasi di Figma dengan Dev Mode di dalam loop engineeringFigma. Anda sudah membayar biaya integrasinya; manfaatkanlah.
Seorang design engineer yang sudah menggerakkan Claude Code, Codex, atau Cursor dari terminalOpen Design. Agent Anda adalah mesin desainnya; lapisan skill menambahkan selera dan struktur tanpa aplikasi baru.
Siapa pun yang membutuhkan BYOK, pilihan model di tengah proyek, atau local-only untuk brief sensitifOpen Design. Kenyataannya lebih kasar daripada pemasarannya, tetapi itu satu-satunya kontrak yang benar-benar berlaku.
Sebuah tim yang menginginkan design system yang bertahan melampaui pergantian alatOpen Design. File DESIGN.md bertahan lebih lama daripada alat yang membacanya.
Seorang kontributor open-source yang ingin men-ship sebuah alur kerja desain yang bisa diadopsi proyekOpen Design. Letakkan sebuah folder, restart daemon, kirim PR.

Dimensi yang menentukannya bagi sebagian besar tim bukanlah kualitas — kerajinan Figma itu nyata. Melainkan apakah pekerjaan Anda adalah sebuah kanvas untuk dilukis, atau sebuah alur kerja untuk diotomatisasi. Jika yang terakhir, Anda akan lebih memilih memilikinya daripada menyewanya.

Apa yang harus dilakukan selanjutnya

Jika Anda sudah punya pekerjaan Figma yang berulang — ekspor frame-frame ini, sinkronkan token-token itu, bangun ulang template deck itu — cara tercepat untuk merasakan perbedaannya adalah memindahkan salah satunya menjadi sebuah plugin. Mulailah dengan satu tugas kecil yang menjengkelkan dan berulang, bukan "ganti Figma".

Atau cukup jalankan quickstart tiga-perintah itu dan arahkan ke model yang sudah Anda bayar. Keseluruhannya hidup di dalam satu repo dan deck pertama memakan waktu sekitar sepuluh menit.

Coba alur kerja open-source ini.

Bacaan terkait


← Kembali ke catatan GitHub · Sumber ↗