Framer CMS List：让一项内容成为可以增删、排序的整体

让内容团队能持续维护网站，而不是反复修改设计稿

Framer 是可视化网站制作与发布工具，设计者在画布上安排页面，内容编辑者通过 CMS（内容管理区）维护文章、产品资料等内容。它服务的不是一次截图，而是以后还会持续更新的网站。

本文聚焦 9 月 8 日加入 CMS 的 List 字段。想象一个教学场景：培训课程页面需要列出学习收获，有的课程只有两项，有的需要七项。把“收获1、收获2、收获3”写成固定字段，数量一变，就可能同时牵动内容表和页面设计。List 把这类内容变成同一组里的多行，编辑者可以增添与调整顺序。

先认清内容单位，再建立列表

以课程页面的学习收获为例，每门课可能有两项，也可能有七项。编辑者想管理的是“一项收获”，而不是固定的收获 1、收获 2、收获 3 槽位。CMS List 更新把这类内容放进同一组多行数据，支持增添、编辑与排序。

先确认这些条目是否属于当前课程。每门课独有的收获适合局部列表；多门课共同引用的讲师则更适合集合引用，也就是让多处使用同一条资料，避免复制简介后需要到处修改。视觉上都像卡片，背后的维护关系却不同。

将数据中的一项，连接到画布中的一张卡片

1. 整理各行内容：先让一行表达一个完整项目，再安排需要的顺序。编辑者可以围绕真实内容增删，而不必扩大整套固定字段。
2. 设计单项展示：在画布里安排一张卡片怎样呈现一项内容，把样式与数据连接。
3. 按项重复：通过 Repeat（重复显示）对列表各项重复显示；尚未加入画布的列表也可以从 Insert（插入）面板加入。
4. 对照页面结果：课程内容数量改变后，检查展示是否仍对应每一项，而不是只确认 CMS 保存成功。

数据负责“有什么、按什么顺序”，卡片负责“每项怎样显示”。两者接起来后，内容编辑与页面设计可以围绕同一个单位协作。

迁移旧字段时，把依赖位置一起检查

已有重复字段可交给 Framer Agent 转成 List，并重新连接画布的数据绑定，明确每张卡片从哪个字段读取内容。转换的完成点应是内容与页面都继续表达原意，而不是只多出一个新字段。

建议挑选短列表、长列表和有缺项的课程检查：标题与说明是否仍配对，顺序是否正确，页面是否还依赖旧字段。这些是迁移验收任务，不能由自动重连本身替代。经过验证后，后续维护才真正从搬运多个槽位，变成增删和移动一项内容。

把编辑单位从编号槽位，改成一项完整内容

固定字段下，编辑者想把第二项移到最前，可能要在多个标题和说明之间搬运文字。一旦标题挪了而说明没挪，视觉上仍是整齐卡片，语义却已错位。按行管理时，用户操作的是“一项收获”，顺序变化围绕这一项发生，数据结构与用户想调整的对象更接近。

这不是简单少写几个字段名。它改变了新增内容的含义：以前像“扩充一套表格模板”，现在像“往清单加一项”。产品设计可以借鉴的是，先找到用户认为不可拆散的单位，再决定编辑、移动和删除的范围。比如一条教程步骤的标题、说明和配图，是否应该作为一个整体被移动，就比按钮长什么样更值得先确定。

迁移不仅改变内容，也接回使用内容的位置

旧字段即使成功转成列表，页面仍可能盯着原来的字段。Framer 的迁移路径同时处理 CMS 与画布连接，抓住了一个常被遗漏的环节：内容重组后，依赖它的显示位置也要跟着改变。

在课程页情境里，真正的完成标准不是后台出现了一列 List，而是原来的课程收获能在正确页面、正确卡片上继续出现。把数据转换和使用位置放在同一条路径，能让用户围绕“页面是否继续表达原意”判断迁移，而不是自行拼接多个技术步骤。自动重连提供起点，空项、混用旧字段的页面仍需要验收。

两项设计共同指向一条可借鉴的原则：让用户操作有意义的内容单位，并在结构改变时照顾依赖这份内容的地方。