NEW Figma introduced Specs. Obspec keeps your Obsidian notes in sync with them. Read Figma's introduction ↗

First Figma pluginfor Obsidian sync

Contribute Get the plugin

Search your vault inside Figma

Every note in your Obsidian vault, one search away from the canvas. Nothing leaves your machine.

Type once Find everything

Title, path, tags and body. Results in under a millisecond, with the matching notes lit up in the vault.

Drop a note on the canvas

A note becomes a Spec. A real Figma frame, so it moves, resizes and takes comments like everything else.

Linked Both ways

A thread ties the Spec to its note. Status sits right on the frame.

Edit in Obsidian Pull in Figma

Change the note on disk and Figma notices while the file is still open. Pull brings the line in.

Change the design Send it back

Size, fill, label and a deep link travel back into the note's Design section.

0106steps

Obspec · Obsidian ↔ Figma local bridge · 127.0.0.1:27123

Obsidian · Demo Vault

Vault

0-Inbox 15

01-Project

Checkout 12

Specs 8

Research 31

02-Area

Design system 44

Payments 19

Growth 27

03-Resources

Books 98

Reading list 120

04-Archive 210

01-Project / Specs·8 notes

Search…

Pinned

Payment Methods

Order of methods on the payment step, decided by device and locale.

#checkout#payments#spec

Today

Checkout Redesign

Payment above the fold, cards below. One screen, no surprises.

#checkout#p0

Onboarding v3

Three screens, one promise. Skip allowed after the second.

#growth

Previous 7 days

Button / Primary

160 × 36, fill 6B4EFF, label sentence case.

#design-system

Research digest, week 41

Eleven interviews. People want the last used method remembered.

#research

01-Project / Specs / Payment Methods.md

Payment Methods

Order of methods on the payment step, decided by device and locale.

## Rules

- Apple Pay first on iOS and Safari, Google Pay first on Android

- Cards always available, PayPal only in US, UK and DE

- Remember the last used method per account

## Design written by Obspec

Node	Button / Primary · 2:2
Size	160 × 36
Fill	6B4EFF
Label	Pay now
Link	figma.com/design/…?node-id=2-2

Insert

Figma · Checkout

Checkout, Oct 2026Payment step

Spec · Payment Methods

In sync

Payment Methods

#checkout#payments#spec

Order of methods on the payment step, decided by device and locale.

Rules

Apple Pay first on iOS and Safari, Google Pay first on Android
Cards always available, PayPal only in US, UK and DE
Remember the last used method per account
Show loyalty points on the summary line

Button / Primary · 160 × 36Continue

Obspecv1.0Demo Vault

SearchSelectionLinked3

Search your vault

tag:path:"phrase"-exclude

Type to search every note in the vault.
Title, path, tags and body.

Results2 notes · 0.4 ms

Payment MethodsSpecs

L6 Apple Pay first on iOS and Safari, Google Pay first on Android

#checkout#payments#spec

Checkout RedesignSpecs

L13 Payment above the fold, cards below

#checkout#p0

‹ Back · Specs

Payment Methods

#checkout#payments#spec82 words

Order of methods on the payment step, decided by device and locale.

Apple Pay first on iOS and Safari
Cards always available
Remember the last used method

Insert spec cardLink selection

Payment Methods · linked to Spec

In syncPull

Inserted “Payment Methods”

Onboarding v3 · Step 2

Pick your vault

Obspec reads the notes straight off your disk. Nothing is uploaded.

Continue

Saro2m

Obspec is the best plugin for this. That spec on the right is literally my vault note.

Kamalnow

Pull after you edit, it stays in sync.

👍 3

Kamal

Saro

Manoj

Riya

Bala

Jyothi

Payment Methods

Order of methods on the payment step, decided by device and locale.

#checkout#payments#spec

- Show loyalty points on the summary line

Pay nowButton / Primary160 × 36 · 6B4EFF

ObspecTwo way sync between Obsidian and Figma Specs

Search all your Obsidian notes inside your Figma canvas. Insert them as Specs. Keep both sides in sync, locally. Every note stays a plain .md file, the same format Figma Specs now reads.

Get the plugin on Figma Report a bug How to use