Frontender は月間 0 訪問、前月比成長率 0%、料金体系フリーミアムを記録しています。Piny は月間 5,253 訪問、成長率 -8.7%、料金体系フリーミアムを記録しています。
自分で書いたコードでもAIが書いたコードでも、Reactをビジュアルに編集
| 項目 / 指標 |  | |
|---|---|---|
| 公式ドメイン | frontender.io | getpiny.com |
| 料金モデル | フリーミアム | フリーミアム |
| 月間訪問数 | 0 (0) | 5253 (5,253) |
| 前月比トラフィック増減 | 0 (0%) | -501 (-8.7%) |
| 主要市場とシェア | 🌐 グローバル (—) | 🇺🇸 アメリカ合衆国 (100%) |
| 月間ダイレクト訪問数 | 0 | 2066 |
| ユーザー評価 | 4.4 | 4.1 |
| 対応プラットフォーム | ウェブサイト | ウェブサイト |
デザインを実用的なフロントエンドコードに変換するFigmaプラグイン
任意のFigmaレイヤーやグループを選択してフロントエンドコードへ変換。オートレイアウト未使用の乱雑なファイルにも対応。
CSSのみ、CSS-in-JSのみ、Tailwindのみ、HTML+CSS、HTML+Tailwind、JSX+CSS-in-JS、JSX+Tailwindを生成可能。
JSX出力はReactとNext.js向け、HTML出力はVueやSvelteプロジェクトで利用できます。
任意値を使うか設定内の最も近い値を見つけ、デザインシステムと一貫した出力を実現。
自分で書いたコードでもAIが書いたコードでも、Reactをビジュアルに編集
ライブプレビュー内の任意の要素をクリックすると、Piny が描画元のコンポーネントとファイルを特定し、編集がソースの正しい場所に反映されます。
プロジェクト自身のテーマを使い、ブレークポイントと状態ごとに余白、色、タイポグラフィ、flex、grid を調整できます。クラス文字列を手書きする必要はありません。
Claude Code と Codex のワークフロー内で動作し、エージェントの編集を検知して上書きを避けます。Target this element は正確なファイルと行番号をエージェントに渡します。
ソースファイルを探し回らずに、フォームからページのテキスト、画像、商品リストや JSON などのローカルデータを編集できます。
無料・オープンソース正確にコードを書き、大きな作業はエージェントに任せ、どこからでも作業を続ける
無料・オープンソースコーディングエージェントに本物のデザイン判断力を
チームとAIエージェントで、ブランドに沿ったプロダクト体験を届ける
チームとAIエージェントで、ブランドに沿ったプロダクト体験を届ける
無料・オープンソース自社プロダクトにAIエージェントとコパイロットを組み込むオープンソースのフロントエンドスタック
無料・オープンソースClaude CodeとCodexのためのエージェントWikiとビジュアルワークスペース
コードまで届く、エージェント駆動のデザインキャンバス
特化型Figma デザインと AI ビルドを、本当に編集できる WordPress に
