100 Emotional Buttons

About this plugin

Short Description (for search results):

A comprehensive library of 100+ customizable buttons categorized by human emotions. Built on Plutchik's Wheel of Emotions, this plugin lets you instantly generate web-ready, responsive components with gradients, outlines, and solid styles.

Full Description:

Stop searching for the perfect icon to match a feeling. 100 Emotional Buttons is the first Figma plugin that organizes UI components by emotional context, helping you build more empathetic and intuitive interfaces.

Key Features:

❤️ 9 Emotion Categories: Browse icons by Joy, Sadness, Anger, Trust, Surprise, Fear, Disgust, Anticipation, and Love.

🎨 5 Professional Styles: Generate buttons in Solid, Outline, Ghost, Elevated, and beautiful Gradient styles.

📱 Fully Responsive: Automatically creates Small, Medium, and Large variants for Mobile, Tablet, and Web.

⚙️ Smart Settings: Customize default colors and styles for each emotion to match your brand's design system.

✨ 100+ Vector Icons: High-quality, transparent SVG icons that look great on any background.

How it works:

Select an emotion from the sidebar.

Click an icon to generate a smart component on your canvas.

Use the Figma Properties panel to swap styles, sizes, and colors instantly.

Perfect for UI/UX designers,

wireframing, and building emotional design systems.