Figma component > Add badge
Add badges (current state in Sketch) to Figma.
Variations
-
Neutral soft sm -
Neutral soft md -
Neutral soft lg -
Neutral default sm -
Neutral default md -
Neutral default lg -
Neutral loud sm -
Neutral loud md -
Neutral loud lg -
Info default sm -
Info default md -
Info default lg -
Info loud sm -
Info loud md -
Info loud lg -
Success default sm -
Success default md -
Success default lg -
Success loud sm -
Success loud md -
Success loud lg -
Warning default sm -
Warning default md -
Warning default lg -
Warning loud sm -
Warning loud md -
Warning loud lg -
Danger default sm -
Danger default md -
Danger default lg -
Danger loud sm -
Danger loud md -
Danger loud lg
Pipeline
-
Pipeline: Not found sm -
Pipeline: Not found md -
Pipeline: Not found lg -
Pipeline: Created sm -
Pipeline: Created md -
Pipeline: Created lg -
Pipeline: Skipped sm -
Pipeline: Skipped md -
Pipeline: Skipped lg -
Pipeline: Manual default sm -
Pipeline: Manual default md -
Pipeline: Manual default lg -
Pipeline: Manual loud sm -
Pipeline: Manual loud md -
Pipeline: Manual loud lg -
Pipeline: Cancelled default sm -
Pipeline: Cancelled default md -
Pipeline: Cancelled default lg -
Pipeline: Cancelled loud sm -
Pipeline: Cancelled loud md -
Pipeline: Cancelled loud lg -
Pipeline: Running default sm -
Pipeline: Running default md -
Pipeline: Running default lg -
Pipeline: Running loud sm -
Pipeline: Running loud md -
Pipeline: Running loud lg -
Pipeline: Passed default sm -
Pipeline: Passed default md -
Pipeline: Passed default lg -
Pipeline: Passed loud sm -
Pipeline: Passed loud md -
Pipeline: Passed loud lg -
Pipeline: Pending default sm -
Pipeline: Pending default md -
Pipeline: Pending default lg -
Pipeline: Pending loud sm -
Pipeline: Pending loud md -
Pipeline: Pending loud lg -
Pipeline: Warning default sm -
Pipeline: Warning default md -
Pipeline: Warning default lg -
Pipeline: Warning loud sm -
Pipeline: Warning loud md -
Pipeline: Warning loud lg -
Pipeline: Failed default sm -
Pipeline: Failed default md -
Pipeline: Failed default lg -
Pipeline: Failed loud sm -
Pipeline: Failed loud md -
Pipeline: Failed loud lg
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. -
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 Taurie Davis