Back

Figma Properties Button

Component Code (Next.js)

Use Copy Code to load the current local source for the Figma Properties button.

Claude / Codex Prompt

Create a reusable Next.js button component from these Figma appearance properties:
- 100% opacity
- 10px corner radius
- Linear dark gradient from #323232 at 0% to #222222 at 100%
- Inner shadow: 0 0.5px 1px 0 rgba(255,255,255,0.15)
- Inner shadow: 0 -1px 1.2px 0.35px #121212
- Drop shadow: 0 2px 4px -1px rgba(13,13,13,0.5)
- Drop shadow/stroke: 0 0 0 1px #333333
- Use a real button element, keep the hit target at least 40px tall, add focus-visible styling, and respect reduced motion.