A
browser extension
Live preview Figma
resources directly in Github
What it does
Figink streamlines your workflow and enhances collaboration by embedding Figma resources directly within Github
![How to Use](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhow-to-use-step-two-light.5b09225a.png&w=3840&q=75)
![How to Use](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhow-to-use-step-two-dark.c44a8dc9.png&w=3840&q=75)
How to use Figink
Copy the link to a Figma resource by clicking the share button. Select a specific frame or component to copy a direct link
![How to Use](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhow-to-use-step-zero.d2efeb33.png&w=3840&q=75)
How to use Figink
Add the link to a GitHub description or comment
![How to Use](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhow-to-use-step-one-light.6b490f2b.png&w=3840&q=75)
![How to Use](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhow-to-use-step-one-dark.8f715bc7.png&w=3840&q=75)
How to use Figink
Preview or submit the change to view the Figma resource directly within GitHub
![How to Use](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhow-to-use-step-two-light.5b09225a.png&w=3840&q=75)
![How to Use](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhow-to-use-step-two-dark.c44a8dc9.png&w=3840&q=75)
Live Previews
Resources are live and interactive. Give it a try!
![How to Use](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhow-to-use-step-two-light.5b09225a.png&w=3840&q=75)
![How to Use](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhow-to-use-step-two-dark.c44a8dc9.png&w=3840&q=75)
Resource Types
Figink works with Designs, Prototypes, FigJams and Slides
![Figma Design](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma-design.c79f9227.png&w=3840&q=75)
![Figma FigJam](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma-figjam.a5f3033b.png&w=3840&q=75)
![Figma FigJam](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma-slides.70bc4b73.png&w=3840&q=75)