Skip to content

kocheck/obsidian-figma-viewer

Repository files navigation

Obsidian Figma Embed Plugin

GitHub issues GitHub GitHub Maintained GitHub last commit GitHub contributors GitHub commit activity GitHub release (latest by date) GitHub Release Date


The Obsidian Figma Embed plugin allows you to seamlessly integrate Figma designs into your Obsidian notes. Simply paste a Figma link, and the plugin will automatically generate an inline preview, making your design workflow smoother and more visual.

Features

  • Automatic Embedding: Converts Figma links into interactive, inline previews.
  • Seamless Integration: Works directly within your Obsidian markdown files.
  • Real-time Updates: Previews update automatically when changes are made in Figma.
  • Customizable Display: (Coming Soon) Adjust the size and appearance of embedded Figma previews.

Installation

  1. Open Obsidian and go to Settings.
  2. Navigate to Community Plugins and disable Safe Mode.
  3. Click on Browse and search for "Figma Embed".
  4. Click Install, then Enable the plugin.

Usage

  1. Copy a Figma link (e.g., https://www.figma.com/file/...)
  2. Paste the link into your Obsidian note.
  3. The plugin will automatically convert the link into an embedded preview.
  4. Switch to Read mode in Obsidian to view and interact with the embedded Figma design.