Figma Embed

approved

by Kyle Kochanek

Embed Figma files as inline previews.

★ 18 stars↓ 2,994 downloadsUpdated 28d agoMIT
View on GitHub

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.

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.