ついに手作業なしでアイコンの一貫性を確保することに成功しました。

Tendee IconsはFramerでのアイコン管理方法を完全に変えます。煩雑でエラーの多い手動アイコン更新プロセスを排除し、一度作成すればどこでも同期できるようになります。

これらの問題を解決しています

Tendee Icons以前は、Framerでアイコンを更新するために次のような面倒な手順が必要でした。

1. Figmaで各アイコンをエクスポート

2. ファイルをローカルに保存して

3. Framerプロジェクト内のすべての場所を見つけて

4. 1つずつアップロードして置換する必要がありました。

5. そしてこのプロセスをすべてのアイコンについて繰り返さなければなりませんでした。

その結果は何時間もの無駄、一貫性のないデザイン、そして疲れたチームでした。

主要機能

マスターコレクション作成

すべてのソースからアイコンライブラリを作成してください。

• Figmaコンポーネントから直接インポート

• ローカルSVGファイルをアップロード

• オープンソースライブラリから追加

• ワークフローに合わせてソースをミックス

統一されたコンポーネントアイコン

すべてのコレクションが1つのスマートFramerコンポーネントになります。

• プロジェクト内であればどこでもドラッグ＆ドロップ

• 属性変更のみで簡単にアイコン切り替え

• すべてのインスタンスがソースと接続状態を維持

• 別々で分散したアイコンファイルがなくなる

大量同期

ワンクリックで全アイコンを更新してください。

• Figmaで変更するか、Tendeeに新バージョンをアップロード

• Framerプラグインで「Iconを更新」をクリック

• すべてのアイコンインスタンスが自動更新

• 手動検索なし、更新抜けなし

Framerコンポーネントの利点

従来のアイコン管理方法では、各アイコンが個別のファイルとして存在しています。Tendee IconsはFramerのコンポーネントシステムを利用し、強力な1つのアイコンコンポーネントを生成します。

• すべてのアイコンでサイズとスタイルの一貫性を保つ

• IconName属性で簡単にアイコン切り替え

• 即時に伝播されるグローバルアップデート

• 数百のアイコンファイルがないスッキリしたプロジェクト構造

実質的な効果、節約される時間

以前は: アイコン20個 × 更新ごとに5分 = 1.5時間以上の手作業

現在は: 1回の全体同期 = 全アイコンを30秒で完了

利用対象

• FigmaとFramer間の一貫性を保つ必要があるデザインチーム

• 異なるアイコンセットを管理するエージェンシー

• デザインを壊さずに素早く繰り返し作業が必要なプロダクトチーム

• 専門的なアイコン管理が必要だが負担を減らしたい個人クリエイター

将来追加される機能

現代的なチームに向けた完全なアイコンインフラを構築しています。

• NPMパッケージエクスポート: プロダクションコードでアイコン使用

• バラエティに富んだコレクション: 様々なブランドとプロジェクト管理

• チームコラボレーション: チーム全体で共有及び同期

• バージョン履歴: 変更履歴の追跡およびロールバック

公開ロードマップで次の機能を確認し、投票することができます。

なぜTendee Iconsを使うのか？

従来のアイコンワークフローは最新のデザインシステムに合わせて設計されていません。しかし、Tendee Iconsは最新のデザインシステムに合わせて設計されています。一貫性とは単に正しいアイコンを持つことだけでなく、手作業なしで必要なすべての場所で即座に使用できることです。アイコンをファイル単位で管理するのをやめて、システムとして管理する時です。

一度作成し、どこでも同期し、一貫性を維持してください。