Figma component > Add button
Variants: States will likely be handled with layer styles and visible in instances
Default
-
Default/Default -
Default/Dashed -
Default/Selected -
Default/Dropdown -
Default/Dropdown split -
Default/Dropdown icon -
Default/Dropdown split icon -
Default/Icon -
Default/Small/Default -
Default/Small/Dropdown -
Default/Small/Dropdown split -
Default/Small/Dropdown icon -
Default/Small/Dropdown split icon -
Default/Small/Icon -
Default/Small/Count -
Default/Ellipsis -
Default/Emoji count
Info
-
Info/Primary/Default -
Info/Primary/Dropdown -
Info/Primary/Dropdown split -
Info/Primary/Small/Default -
Info/Secondary/Default -
Info/Secondary/Dropdown -
Info/Secondary/Dropdown split -
Info/Secondary/Small/Default
Success
-
Success/Primary/Default -
Success/Primary/Dropdown -
Success/Primary/Dropdown split -
Success/Primary/Small/Default -
Success/Secondary/Default -
Success/Secondary/Dropdown -
Success/Secondary/Dropdown split -
Success/Secondary/Small/Default
Warning
-
Warning/Primary/Default -
Warning/Primary/Dropdown -
Warning/Primary/Dropdown split -
Warning/Primary/Small/Default -
Warning/Secondary/Default -
Warning/Secondary/Dropdown -
Warning/Secondary/Dropdown split -
Warning/Secondary/Small/Default
Danger
-
Danger/Primary/Default -
Danger/Primary/Dropdown -
Danger/Primary/Dropdown split -
Danger/Primary/Small/Default -
Danger/Secondary/Default -
Danger/Secondary/Dropdown -
Danger/Secondary/Dropdown split -
Danger/Secondary/Small/Default
Disabled
-
Disabled/Default -
Disabled/Dropdown -
Disabled/Dropdown split -
Disabled/Emoji count -
Disabled/Small/Default
Checklist
Make sure the following are completed before closing the issue:
-
Assignee: Create component in your own draft file in Figma using the component template, including all variations and states. -
Assignee: Ask another Figma Pilot Designer to review your component (make sure they have edit permissions). -
Reviewer: Review and approve assignee’s addition. Ensure that component matches Sketch specs, includes all current variations and states, and (if applicable) is responsive. -
Assignee: Add notes about the component construction to the Figma component build notes issue description. Check off the component when complete. -
Assignee: Add the component to the Globals - beta file, and view the component in the Assets panel to ensure it aligns with what’s outlined in the Figma structure for library issue. -
Assignee: Publish the library changes along with a clear commit message.
Edited by Jeremy Elder