v1.1.1

Fixed

• Server MCP kini berhenti sendiri saat client menutup stdio atau mengirim SIGINT/SIGTERM; sebelumnya proses tetap hidup karena terus mencoba menyambung ulang ke relay.

npm: npx -y opencode-figma-mcp@1.1.1

v1.1.0

Added

• Perintah opencode-figma-relay di paket npm: relay WebSocket kini bisa dijalankan dengan npx -y -p opencode-figma-mcp opencode-figma-relay tanpa clone repo dan tanpa Bun.

Changed

• Relay WebSocket kini berjalan di Node.js (juga tetap lewat bun socket); port dan host bisa diatur lewat env PORT dan HOST (default 127.0.0.1:3055), sehingga untuk WSL cukup HOST=0.0.0.0 tanpa mengedit source.

v1.0.0

Added

• Tool create_node_from_svg: membuat node vector yang bisa diedit dari markup SVG (mis. mengganti ikon PNG dengan vector), opsional di dalam parent dan posisi tertentu.
• Tool create_component_from_node: mengubah node (mis. frame) menjadi main Component.
• Tool combine_as_variants: menggabungkan beberapa Component bernama Prop=Value, Prop2=Value menjadi Component Set (variant).
• Tool add_component_property: menambah property TEXT/BOOLEAN/INSTANCE_SWAP ke Component atau Component Set, opsional langsung ditautkan ke node anak (teks, visibilitas, atau instance).
• Tool swap_instance: mengganti main component sebuah instance.
• Tool get_local_variables: daftar koleksi variable beserta mode, dan semua variable lokal (warna dalam hex, alias sebagai { aliasOf }).
• Tool create_variable_collection: membuat koleksi variable dengan nama mode; mode yang ditolak batas paket Figma dilaporkan sebagai peringatan.
• Tool create_variable dan set_variable_value: membuat variable COLOR/FLOAT/STRING/BOOLEAN dan mengisi nilainya per mode, termasuk alias ke variable lain.
• Tool delete_variable dan delete_variable_collection: menghapus permanen sebuah variable, atau satu koleksi beserta seluruh variable dan mode di dalamnya (destruktif), misalnya untuk membersihkan sisa uji coba.
• Tool bind_variable: menautkan atau melepas variable pada fills/strokes, ukuran, spacing, padding, corner radius, stroke weight, opacity, teks, dan visibilitas node.
• Tool add_interaction: menambah interaksi prototype (trigger, aksi NAVIGATE/OVERLAY/SWAP/SCROLL_TO/CHANGE_TO/BACK/CLOSE/URL, dan transisi) dengan validasi tujuan dan arah transisi.
• Tool set_reactions dan remove_interactions: mengganti seluruh reaction dengan objek Plugin API mentah, atau menghapus interaksi (semua atau per jenis trigger).
• Tool get_flow_starting_points, set_flow_starting_point, remove_flow_starting_point: mengelola titik awal flow prototype per page.
• Tool set_overlay_settings: membaca pengaturan overlay sebuah frame; permintaan perubahan ditolak dengan pesan jelas karena properti ini read-only di Plugin API.
• Tool set_scroll_behavior: mengatur arah scroll frame dan menjadikan child FIXED atau SCROLLS (STICKY_SCROLLS belum didukung Plugin API).
• Tool set_frame_properties: mengatur posisi absolute di dalam auto-layout, urutan tumpukan auto-layout (first on top), clip content, dan posisi x/y.
• Tool create_text_style dan update_text_style: membuat dan mengubah Text Style lokal (font, ukuran, line height, letter spacing, text case, dekorasi, paragraph spacing).
• Tool apply_text_style: menerapkan Text Style ke satu atau banyak node teks (termasuk teks di dalam instance) dengan hasil per node.
• Tool delete_style: menghapus style lokal (text, paint, effect, grid) berdasarkan ID.
• Tool set_effects: mengatur drop/inner shadow serta layer/background blur pada node, atau mengosongkannya.
• Tool create_effect_style dan update_effect_style: membuat dan mengubah Effect Style lokal (shadow/blur) beserta nama dan deskripsinya.
• Tool apply_effect_style: menerapkan Effect Style ke satu atau banyak node, atau melepasnya dengan styleId kosong, dengan hasil per node.
• Tool set_text_decoration: memberi garis bawah, coret, atau menghapusnya pada satu/banyak node teks (termasuk teks di dalam instance), opsional hanya untuk rentang karakter tertentu.
• Tool set_visible: menampilkan atau menyembunyikan satu/banyak node, termasuk elemen di dalam instance (override visibilitas).
• Tool get_design_context: membaca seleksi (atau node tertentu) lewat plugin dan mengembalikan spec desain ringkas yang siap dijadikan kode: layout ala CSS (flex, gap, padding, sizing fill/hug/fixed), style yang dideduplikasi, teks termasuk rich text, instance component beserta property, nama style/variable (design token), serta daftar ikon dan gambar.
• Tool get_figma_design_from_url: membaca desain dari link Figma lewat REST API tanpa perlu membuka plugin (butuh FIGMA_ACCESS_TOKEN); tanpa node-id mengembalikan daftar page dan frame teratas.
• Tool download_design_assets: menyimpan ikon (SVG), ilustrasi, dan gambar fill ke folder lokal, lewat plugin atau REST API.
• Tool get_main_component: membaca main component dan varian dari instance langsung lewat plugin, tanpa REST API Figma (tidak terkena batas kuota).