Pinyとは？
Piny 是一个强大的可视化编辑器，可直接在 Visual Studio Code、Cursor 和 Windsurf 中运行。它支持 Tailwind CSS、Astro、React 和 Next.js。所有编辑都直接在代码中进行，确保没有抽象层、没有云服务和锁定。这使得开发人员能够以可视化的方式编辑代码，导航组件，并在没有特殊库或额外设置的情况下简化样式。Piny 旨在提供速度和控制，可以与编码助手一起或独立使用，兼容任何 React 或 Next.js 项目。
主な機能
可视化 Tailwind 控件
Tailwind 类检查器
在任何地方编辑 Tailwind 类
组件导航
AI 驱动的拖放
可视化选择
同时编辑多个元素
浏览整个项目
导入自定义 Tailwind 主题
公式サイトからの抜粋
Piny is a powerful visual editor for Astro, React, Next.js and Tailwind CSS. Edit code visually, navigate components, and…
長所と制限
長所
- 直接在 IDE（VS Code、Cursor、Windsurf）中运行
- 编辑直接发生在代码中，没有抽象或锁定
- 支持 Tailwind CSS、Astro、React、Next.js
- 无需特殊库或额外设置
- 提供强大的免费功能，无需账户
- 包括 AI 驱动的拖放功能
- Pro 计划提供 30 天退款保证
- 早期访问价格在订阅期间终身锁定
- 如果 Piny 停止服务，项目是安全的，因为它不会增加依赖
制限事項
- 由于复杂的组件结构，可视化选择可能并不总是 100% 准确
- 项目布局中需要一个小脚本以便进行通信（仅在开发模式下）
- 目前主要聚焦于 React，未来计划支持 Svelte/Vue 等其他框架
- 早期访问版本可能会有些 "不够完善"
料金と利用条件
在无费用的情况下享受基本功能。包括可视化 Tailwind 控件、Tailwind 类检查器、浏览组件结构、在任何地方编辑 Tailwind 类、AI 驱动的拖放、社区支持。
60% 折扣，直到 2025 年 5 月 28 日。包括所有免费功能，加上可视化选择、同时编辑多个元素、浏览整个项目、导入自定义 Tailwind 主题、优先邮箱支持，并锁定折扣价格。
在早期访问结束后按标准费率提供完整功能集。包括所有免费功能，加上可视化选择、同时编辑多个元素、浏览整个项目、导入自定义 Tailwind 主题、优先邮箱支持。
価格や利用上限は変更される場合があります。最新の条件は公式サイトをご確認ください。
公式サイトと情報源
情報源
情報更新日 2026-10-21
