DEDUPED Hot AI repos, turned into use cases Get the Monday 5

How to drop Keyline icons into a Figma file with Keyline Icons

Insert any icon in any style from the Figma plugin, or use the Community file components.

Short answer: Open the Keyline Icons plugin page on Figma Community and install the plugin; then run the plugin in the Figma file you already have open and pick an icon, a style and a corner treatment; Or open the Keyline Icons Community file and use its components, setting style, corners and container as variant properties. All steps.

Who it is forA designer building a screen in Figma who needs icons that match a single set.

The problemSearching for matching icons across sources in Figma takes time and produces mixed styles.

The outcomeIcons from one set appear in the Figma file in the style and corner treatment you choose.

What you need first

  • Node.js with npm for the package installs
  • A React, React Native or shadcn/ui project to add the icons to
  • A Figma account if you want the plugin or Community file

Steps

  1. Open the Keyline Icons plugin page on Figma Community and install the plugin.
  2. Run the plugin in the Figma file you already have open and pick an icon, a style and a corner treatment.
  3. Or open the Keyline Icons Community file and use its components, setting style, corners and container as variant properties.
  4. Place the inserted icons into your frame and adjust size as needed.

Prompt for your agent

No command is needed for this use case. A designer should open the Keyline Icons Figma plugin, insert a bell icon in the fill style with sharp corners into an open file, and confirm the inserted layer is named after the icon.

Caveat. The plugin inserts icons into the file you have open, so save a copy of the file first if you want to keep it unchanged.

Use this in your AI agent

Ask your agent

Using the Deduped MCP, get the setup steps for keyline-icons/keyline-icons and "Drop Keyline icons into a Figma file"

Add Deduped to Claude Code once

claude mcp add --transport http deduped https://dedupedai.com/mcp

Cursor, ChatGPT, others

Share: X LinkedIn Hacker News Email Copy link

Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer