Nordcraft（官网 toddle.dev）是一款面向网页开发与设计场景的网站构建工具，其核心特点是把 AI 智能体与可视化网站构建器结合在一起，官方定位为“为创意工作室打造的网站构建器”，并宣称让用户同时获得 AI 的速度与完全的创意控制。
一、用途与定位 Nordcraft 主要面向专业开发者、设计工作室以及重视设计与代码协作的团队。官方表示它由网页开发者构建并服务于网页开发者，主张“专业人士优先于初学者友好”，即工具应能随用户成长，不因追求简单而降低专业能力。它强调设计与代码的融合，让设计师和开发者在同一工具中协作，无需交接、无需传递 Figma 文件、无需担心细节丢失。
二、主要能力
- AI 与可视化编辑结合：官方定位为“AI 代码遇上人类创意”，称其可视化设计编辑器可提供完全控制与即时反馈，避免“通用化的 AI 设计”。用户可借助 AI 构建复杂的交互与应用逻辑，并在可视化界面中追踪每一次编辑。
- API 与实时数据：可连接任意后端、CMS 或 API，使用内置 API 或 GraphQL 编辑器，基于实时数据进行设计。官网以 PokéAPI 作为演示示例。
- 动画制作：内置关键帧动画编辑器，可结合 CSS keyframes、SVG 和自定义逻辑制作独特效果。官方称其消除了创建和微调动画的摩擦，让用户专注于表达而非实现。
- 内置发布能力：Nordcraft 自带版本管理、托管以及持续发布所需的其他能力。
- 可扩展性：官方称从简单网站到大型 SaaS 项目均可随需求扩展，并以其编辑器本身就是在 Nordcraft 中构建来证明其能力。
三、使用方式 从官网提供的对话示例可见，用户可在类似聊天的界面中向 Nordcraft AI 提出需求。例如，用户要求把某 Weather API 返回的所有华氏温度转换为摄氏温度，AI 会先理解组件、说明 API 返回的是华氏度，然后编辑文件，并在主温度、“体感”温度、逐小时温度三处完成转换，最终展示修改结果。用户也可要求 AI 解释某个组件，AI 会说明组件用途、工作流等。官网还提供“Chat with Nordcraft”“与 Nordcraft 团队视频通话”“给 Nordcraft 写邮件”等联系入口。此外，官网提到可免费开始构建，但未提供更详细的定价、收费结构或完整使用步骤。
四、适用场景 官方列举的适用场景包括：面向创意工作室的网站建设；需要高度定制动画与交互的网页体验；需要连接后端、CMS 或 API 并基于实时数据设计的前端项目；设计与开发紧密协作、希望避免交接损耗的团队；从简单网站到大型 SaaS 项目等不同规模的产品。
五、设计原则与限制说明 官方列出四项核心原则：
- 专业优先而非初学者友好：为关心工艺的专业人士打造，追求简单但不降低专业深度。
- Web 标准优先而非自定义方案：提升并补充 Web 标准，而非替换或抽象掉它们。
- 开源优先而非供应商锁定：框架与运行时以 Apache 2 许可证 100% 开源，官网称 2026 年会有更多内容。
- 人类创意优先于 AI：AI 是强大工具，但不会替代人类创意，自动化应服务于释放创作时间。 需要说明的是，上述信息均来自官方页面文本，关于具体收费价格、各功能的具体操作步骤、平台支持范围、性能数据与效果承诺等，资料中暂未提供明确细节。