Tendee Icons - Figma Synchronization

Tendee Icons is an all-in-one icon system for design and development teams. It combines Figma, SVG, and open-source icons into a single collection, updating in Figma once to sync with all Framer projects. Icons become smart components with real-time synchronization.

Introduction

Introduction

Introduction

Introduction

Introduction

Introduction

Finally, we've successfully ensured icon consistency without manual work.

Tendee Icons completely changes how icons are managed in Framer. It eliminates the tedious and error-prone process of manual icon updates, allowing you to create once and sync anywhere.

Solving these problems

Before Tendee Icons, updating icons in Framer involved the following cumbersome steps:

  1. Export each icon from Figma

  2. Save the files locally

  3. Find every location in your Framer project

  4. Upload and replace each icon one by one

  5. Repeat this for every icon

The result was wasted hours, inconsistent designs, and a frustrated team.

Key Features

Create Master Collections

Build an icon library from all sources.

  • Import directly from Figma components

  • Upload local SVG files

  • Add from open-source libraries

  • Mix sources to fit your workflow

Unified Component Icons

The entire collection becomes a single, smart Framer component.

  • Drag and drop anywhere within your project

  • Easily switch icons with attribute changes

  • Keep all instances connected to the source

  • No more scattered, isolated icon files

Bulk Sync

Update all your icons with a single click.

  • Make changes in Figma or upload new versions to Tendee

  • Click "Update Icon" in the Framer plugin

  • All icon instances update automatically

  • No manual search, no missed updates

Advantages of Framer Components

Traditional icon management involves individual files for each icon. Tendee Icons leverages Framer’s component system to create one powerful icon component.

  • Maintain consistent size and style across all icons

  • Easy icon switching with IconName attribute

  • Instant global updates propagate

  • A clean project structure without hundreds of icon files

Tangible Results, Time Savings

Before: 20 icons × 5 minutes per update = Over 1.5 hours of manual work

After: One-time full sync = Complete in 30 seconds

Who Can Benefit

  • Design teams needing consistency between Figma and Framer

  • Agencies managing diverse icon sets

  • Product teams requiring fast iterations without breaking designs

  • Individual creators needing professional icon management with less hassle

Future Features

We are building a complete icon infrastructure for modern teams.

  • Export as NPM package: Use icons in production code

  • Diverse Collections: Manage various brands and projects

  • Team Collaboration: Share and sync across teams

  • Version History: Track changes and rollback

You can check and vote for upcoming features on the public roadmap.

Why Use Tendee Icons?

Traditional icon workflows are not designed for modern design systems. Tendee Icons, however, is built for the latest design systems. Consistency is not just about having the right icon; it’s about instantly using them everywhere you need without manual work. Stop managing icons as files. It's time to manage them as a system.

Create once, sync everywhere, and maintain consistency.

Request Plugin

Do you need any plugins?

Request Plugin

Do you need any plugins?

Become a
Framer Expert

Any expert capable of Framer outsourcing can apply.
We connect experts and clients directly, with no intermediary fees.

Become a
Framer Expert

Any expert capable of Framer outsourcing can apply.
We connect experts and clients directly, with no intermediary fees.

Become a
Framer Expert

If you are an expert available for Framer freelance work,
anyone can apply.
No intermediary fees, we directly connect
experts and clients.