Figma File Button

File-link button with the multicolor Figma mark, file name and subtext.

#button #figma #file #link

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

FigmaFileButtonProps

Also accepts all props of React.ComponentProps<"a">

Prop	Type	Default	Description
fileName	`string`	`"Design system.fig"`	—
subtext	`string`	`"Open in Figma"`	—

Install

$ npx shadcn@latest add https://chromotion.dev/r/figma-file-button.json

More like this

Texture Button

Dark button with an SVG feTurbulence grain overlay; grain strength is adjustable.

Liquid Metal Button

Layered gradients imitate flowing liquid metal; a blurred halo spreads on hover.

Liquid Glass Button

Frosted-glass button with backdrop blur, translucent fill, hairline border and a glowing top highlight.