From brainstorm to build, Figma is the only platform that connects every phase of design. Create, prototype, develop, and gather feedback in one place.
Design is a team sport. See cursors move in real-time, leave contextual comments, and build on each other's ideas without ever leaving the canvas.
Inspect designs, export assets, and copy production-ready CSS, iOS, or Android code. No more redlining. No more handoff documents.
Explore Dev Mode// Generated from Figma Dev Mode interface ButtonProps { variant: 'primary' | 'secondary' | 'ghost'; size: 'sm' | 'md' | 'lg'; children: React.ReactNode; } export const Button = ({ variant = 'primary', size = 'md', children }: ButtonProps) => ( <button className={cn( 'rounded-full font-medium', variants[variant], sizes[size] )} > {children} </button> );
Thousands of free templates, plugins, and widgets built by designers and developers worldwide.
Free for individuals. Powerful plans for teams of every size.