KC's Colour Card Widget

Based on Kaci's Pantone Color Cards figma design and file.

Kaci's Figma Design

The Colour Card Widget is a Figma widget that allows users to create customizable colour cards directly within their Figma projects.

Installation

To install the Colour Card Widget, follow these steps:

  1. Open Figma and create a new file or open an existing one.
  2. Go to the "Widgets" menu and select "Browse Widgets."
  3. Search for "KC Colour Card Widget" and click on it.
  4. Click the "Install" button to add the widget to your Figma workspace.

Usage

Once installed, you can use the Colour Card Widget by following these instructions:

  1. Drag the Colour Card Widget from the Widgets panel onto your canvas.
  2. Customize the colour name and code by entering values into the provided input fields.
  3. The colour card will update when you hit Enter after entering the colour code.
  4. You can reset the colour card by clicking on the "Reset Colour" button in the property menu.

Examples

Here are some examples of how you can use the Colour Card Widget:

  • Designers can create Colour palettes for their projects and easily share them with collaborators.
  • UI designers can quickly generate Colour swatches for different components in their designs.

Troubleshooting

If you encounter any issues while using the Colour Card Widget, try the following troubleshooting steps:

  • Make sure you have the latest version of Figma installed.
  • Check for any updates to the Colour Card Widget widget in the Figma Widgets panel.
  • If the widget is not working as expected, try restarting Figma or reinstalling the widget.

Contributing

Contributions to the Colour Card Widget are welcome! If you'd like to contribute, please follow these guidelines:

  1. Fork the repository and clone it to your local machine.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and submit a pull request.
  4. Be sure to include a clear description of your changes and any relevant documentation updates.

License

This project is licensed under the MIT License.