Figink Extension Chrome

Live preview Figma design files and prototypes directly in Github.

Latest Version

Version

0.0.2

Update

September 16, 2024

Size

743KiB

Developer

Figink Extension

The missing link between GitHub and Figma! With Figink, you can now preview Figma design files, prototypes and FigJam files directly within GitHub, streamlining your workflow and enhancing collaboration.

Live Figma Previews:

Instantly view Figma files and prototypes within GitHub issues, pull requests, and discussions. Previews updates in real-time, ensuring that you're always looking at the latest design iterations.

How it works:

Simply copy a link to a Figma file or prototype, paste it anywhere in GitHub and get a embedded preview directly beneath the link.

Target Specific Layers:

Copy a link to a specific layer within a design file to get an embedded preview for the specific area of your designs.

Interactive Prototypes:

Not just static designs - interact with Figma prototypes within GitHub to understand the flow and functionality of the design.

FigJam:

Improve team collaboration with FigJam. Share previews to these collaborative files to surface your progress without leaving your favorite issue tracker!

Using Versions:

Once your designs are finalized, copy links to specific Figma versions for your design or FigJam files to preserve historical changes.

Enjoy using Figink!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "Figink",\t"version": "0.0.2",\t"description": "Live preview Figma design files and prototypes directly in Github.",\t"homepage_url": "https://github.com/figink/figink",\t"manifest_version": 3,\t"minimum_chrome_version": "92",\t"content_scripts": [\t\t{\t\t\t"run_at": "document_start",\t\t\t"matches": [\t\t\t\t"https://github.com/*"\t\t\t],\t\t\t"js": [\t\t\t\t"browser-polyfill.min.js",\t\t\t\t"content.js"\t\t\t]\t\t}\t],\t"web_accessible_resources": [\t\t{\t\t\t"resources": ["iframe.html", "iframe-dark.html", "iframe.js", "internal-frame.js"],\t\t\t"matches": [""]\t\t}\t],\t"icons": {\t\t"16": "icon-16.png",\t\t"32": "icon-32.png",\t\t"48": "icon-48.png",\t\t"128": "icon-128.png"\t}}

Figink

Live preview Figma design files and prototypes directly in Github.

Latest Version

Figink Extension

Source Manifest.json

Similar Extensions

Get source code (.Zip)

Latest Updates

Top Rated