即刻App年轻人的同好社区
下载
最近频繁感觉上一秒想到的事
一切换场景或者状态
下一秒直接忘了
比如想到一个东西 然后打开小红书想搜一下
一秒后 直接宕机 得花好几秒才能想起来
这症状是什么原因
脑腐？脑雾？还是身体出问题了。。
一切换场景或者状态
下一秒直接忘了
比如想到一个东西 然后打开小红书想搜一下
一秒后 直接宕机 得花好几秒才能想起来
这症状是什么原因
脑腐？脑雾？还是身体出问题了。。
1 00
最近有个需求是：根据已有的设计图 ui 做前端页面。目前 ai 对已有的网页 1:1复现效果比较好，比如使用 html-to-design（插件），但是明确的设计图 ai 做起来有一点难度，搜了一圈也没有太好的解决方案，自己摸索了一下，总结了点经验。
1.工具准备：
我是 vscode 里安装 augment，然后 augment 里安装 figma mcp，连接本地的 figma 桌面端应用。
注意的是根据官方文档，有远程和本地应用使用两种方式（ developers.figma.com），但是我配置远程后授权过不去，所以只能配置为本地，mcp ） json 参考：
{
"mcpServers": {
"Figma Desktop": {
"url": "127.0.0.1",
"type": "http"
}
}
}
安装后会在 mcp 里提示授权，点击授权会跳转，提前打开最新版 figma 桌面端应用，然后按 shift+d 进入 dev 模式，会看到右侧栏的 mcp 相关内容，勾上“允许下载文件”和“Download”，最后配置好后会显示“Enabled”
图1
Figma 我是用的是 edu 版，有 dev 模式和 figma make（带 ai 免费版额度有限），后续设计图转前端也主要通过这两种方式实现
Cursor 里用可以参考 web.okjike.com
2.实战开发：
我测试下来主要有两种方式：figma 设计图直接通过 figma mcp 让 augment 掌握设计图的细节，直接开发；或者使用 figma make，将设计图转为真实的前端代码，通过 ai 进行调整，直到符合需求，然后导出代码文件，最后放入到项目文件中让 ai 参考 100%还原实现
实际体验下来，后者即 figma make 的方式比较好，基本上代码文件有了，ai 对话一轮就能还原效果；前者通过 figma mcp 有时候需要多轮修改，而且对设计图本身要求比较高
Figma make：
这个很简单，进入 figma，然后进入 make（右上角），拿设计图放进去，说清楚需求即可。需要注意描述需求的时候可以指定用到的技术栈（比如 vue 等），这样后续导出代码复用起来就很快；还有一点就是如果设计图不是标准 figma 格式，比如 xd/ps 这种，可以先导入即刻设计，然后导出为sketch，最后拖入到 figma 内即可（后面另一种利用 figma mcp 的方式也可以这样转设计图）
图2
在 make 内一直和 ai 对话，直到页面符合需求，点击 code，点击代码页面右上角的“下载”按钮，保存到本地，最后会有一个压缩包，里面就是页面的所有文件。需要注意，导出前可以问一下 ui 最终压缩包内的文件哪些是真实可用的，比如 guidelines 或者 md 文档等一般没什么用，可以选择性删除让文件结构更清晰，或者直接不处理放进项目让 ai 自己查看，差别也不大
Figma mcp：
这种方式就是直接在 figma 设计图里通过 mcp 让 ai 知道指定页面内容的细节，然后让 ai 实现。必须先 shift+d 进入 dev 模式，然后鼠标点击某个想要让 ai 复现的页面，右击复制为“link”（后后续发给 ai 会用到），点击页面后右侧会出现对应的状态，可以使用 Figma to Code 这个插件，选择页面实现的技术栈，ai 会拿到更精确的信息。
最后将之前复制的“link”发给 ai，一般是类似“www.figma.com”，描述下需求，让 ai 还原页面，正常情况下 ai 通过 mcp 拿到设计图信息后，会在右侧状态栏中显示“发送状态”和“token”
图3
为什么说这种方式效果比直接用 figma make 生成代码进行复用差一点，主要问题就是通过 mcp ai 拿到的是整个设计图的信息，对设计图要求高，比如你的设计图内必须规范，不能有没有用到的废弃/隐藏图层/元素，各个组件都需要分组整合，不能全都是独立的，不然 ai 拿到的信息会很杂乱，最终会下载所有的资源到本地，生成的页面也是每一个单独的元素摆放上去，后续调整就非常麻烦，而且效果不一定理想
以上就是我遇到的一些坑和经验，如果你有相关经验和更好的方法，欢迎交流 0.o
1.工具准备：
我是 vscode 里安装 augment，然后 augment 里安装 figma mcp，连接本地的 figma 桌面端应用。
注意的是根据官方文档，有远程和本地应用使用两种方式（ developers.figma.com），但是我配置远程后授权过不去，所以只能配置为本地，mcp ） json 参考：
{
"mcpServers": {
"Figma Desktop": {
"url": "127.0.0.1",
"type": "http"
}
}
}
安装后会在 mcp 里提示授权，点击授权会跳转，提前打开最新版 figma 桌面端应用，然后按 shift+d 进入 dev 模式，会看到右侧栏的 mcp 相关内容，勾上“允许下载文件”和“Download”，最后配置好后会显示“Enabled”
图1
Figma 我是用的是 edu 版，有 dev 模式和 figma make（带 ai 免费版额度有限），后续设计图转前端也主要通过这两种方式实现
Cursor 里用可以参考 web.okjike.com
2.实战开发：
我测试下来主要有两种方式：figma 设计图直接通过 figma mcp 让 augment 掌握设计图的细节，直接开发；或者使用 figma make，将设计图转为真实的前端代码，通过 ai 进行调整，直到符合需求，然后导出代码文件，最后放入到项目文件中让 ai 参考 100%还原实现
实际体验下来，后者即 figma make 的方式比较好，基本上代码文件有了，ai 对话一轮就能还原效果；前者通过 figma mcp 有时候需要多轮修改，而且对设计图本身要求比较高
Figma make：
这个很简单，进入 figma，然后进入 make（右上角），拿设计图放进去，说清楚需求即可。需要注意描述需求的时候可以指定用到的技术栈（比如 vue 等），这样后续导出代码复用起来就很快；还有一点就是如果设计图不是标准 figma 格式，比如 xd/ps 这种，可以先导入即刻设计，然后导出为sketch，最后拖入到 figma 内即可（后面另一种利用 figma mcp 的方式也可以这样转设计图）
图2
在 make 内一直和 ai 对话，直到页面符合需求，点击 code，点击代码页面右上角的“下载”按钮，保存到本地，最后会有一个压缩包，里面就是页面的所有文件。需要注意，导出前可以问一下 ui 最终压缩包内的文件哪些是真实可用的，比如 guidelines 或者 md 文档等一般没什么用，可以选择性删除让文件结构更清晰，或者直接不处理放进项目让 ai 自己查看，差别也不大
Figma mcp：
这种方式就是直接在 figma 设计图里通过 mcp 让 ai 知道指定页面内容的细节，然后让 ai 实现。必须先 shift+d 进入 dev 模式，然后鼠标点击某个想要让 ai 复现的页面，右击复制为“link”（后后续发给 ai 会用到），点击页面后右侧会出现对应的状态，可以使用 Figma to Code 这个插件，选择页面实现的技术栈，ai 会拿到更精确的信息。
最后将之前复制的“link”发给 ai，一般是类似“www.figma.com”，描述下需求，让 ai 还原页面，正常情况下 ai 通过 mcp 拿到设计图信息后，会在右侧状态栏中显示“发送状态”和“token”
图3
为什么说这种方式效果比直接用 figma make 生成代码进行复用差一点，主要问题就是通过 mcp ai 拿到的是整个设计图的信息，对设计图要求高，比如你的设计图内必须规范，不能有没有用到的废弃/隐藏图层/元素，各个组件都需要分组整合，不能全都是独立的，不然 ai 拿到的信息会很杂乱，最终会下载所有的资源到本地，生成的页面也是每一个单独的元素摆放上去，后续调整就非常麻烦，而且效果不一定理想
以上就是我遇到的一些坑和经验，如果你有相关经验和更好的方法，欢迎交流 0.o
3 20
最近在找工作，意向产品岗，base杭州或其他一线城市，有合适的快来聊聊，真的很想工作了！👀
🌟关于我：
00后，大学计算机专业，22年毕业后从事互联网B端产品。
工作时长1年半，0-1完成两个软件系统顺利交付；业务时间重构公司底层工具，大幅提升体验和效率。（人数上从3~5人配合优化为单人全流程，时间上从14天减为2天）
24年下，辞职后断网半年独自旅行，25.3开始Ai编程，从自己需求入手开发了10+demos，有一些效果和反馈还不错：
1. interactive-feedback-mcp（github100星）：
基于 Model Context Protocol (MCP) 的Ai编程交互反馈工具，适用于cursor、augment等，使用gui窗口替代传统对话框，增加用户体验的同时将需求澄清后再执行，减少错误让Ai更可控。
github.com
2. moment（安卓app下载量300+，迷你黑客松比赛二等奖）：
一键直达指定app搜索结果页面，跳过开屏广告
和信息流干扰，避免注意力分散。支持40+常用app，支持桌面小组件和通知栏多方式快捷启用。
momentapp.xiaoweigezzz.xyz
3. MomentDots（浏览器扩展程序）：
专为内容创作者设计，通过AI智能优化和自动化发布功能，解决多平台内容发布的重复操作问题，提升内容发布效率和体验。
chromewebstore.google.com
4. hi echo（web网页）：
给过去/未来的自己/他人的话。可以在这里留下痕迹，等待回响。
hiecho.xiaoweigezzz.xyz
💡我希望：
最好 base 杭州或一线，做 Ai 相关。
工作有难度，有价值，创造好的产品。
更详细的个人信息见：
nqldqs6tues.feishu.cn
🌟关于我：
00后，大学计算机专业，22年毕业后从事互联网B端产品。
工作时长1年半，0-1完成两个软件系统顺利交付；业务时间重构公司底层工具，大幅提升体验和效率。（人数上从3~5人配合优化为单人全流程，时间上从14天减为2天）
24年下，辞职后断网半年独自旅行，25.3开始Ai编程，从自己需求入手开发了10+demos，有一些效果和反馈还不错：
1. interactive-feedback-mcp（github100星）：
基于 Model Context Protocol (MCP) 的Ai编程交互反馈工具，适用于cursor、augment等，使用gui窗口替代传统对话框，增加用户体验的同时将需求澄清后再执行，减少错误让Ai更可控。
github.com
2. moment（安卓app下载量300+，迷你黑客松比赛二等奖）：
一键直达指定app搜索结果页面，跳过开屏广告
和信息流干扰，避免注意力分散。支持40+常用app，支持桌面小组件和通知栏多方式快捷启用。
momentapp.xiaoweigezzz.xyz
3. MomentDots（浏览器扩展程序）：
专为内容创作者设计，通过AI智能优化和自动化发布功能，解决多平台内容发布的重复操作问题，提升内容发布效率和体验。
chromewebstore.google.com
4. hi echo（web网页）：
给过去/未来的自己/他人的话。可以在这里留下痕迹，等待回响。
hiecho.xiaoweigezzz.xyz
💡我希望：
最好 base 杭州或一线，做 Ai 相关。
工作有难度，有价值，创造好的产品。
更详细的个人信息见：
nqldqs6tues.feishu.cn
7 01
做了个小玩意，感兴趣可以看看。
在这里可以对过去/未来的自己/他人说点什么，留下痕迹，看看会有什么回响。
hiecho.xiaoweigezzz.xyz
每个人都会在不同阶段遇到很多问题，搞得焦头烂额身心俱疲。
对我来说，很多时候看到别人在类似场景下说的话做的事，知道原来他们也遇到过这样的问题，也是这么过来的，就会心安一点。
希望这个一时兴起的小玩意，也能有类似的效果吧 hh 让文字留下，跨越时空，给人陪伴和力量。
在这里可以对过去/未来的自己/他人说点什么，留下痕迹，看看会有什么回响。
hiecho.xiaoweigezzz.xyz
每个人都会在不同阶段遇到很多问题，搞得焦头烂额身心俱疲。
对我来说，很多时候看到别人在类似场景下说的话做的事，知道原来他们也遇到过这样的问题，也是这么过来的，就会心安一点。
希望这个一时兴起的小玩意，也能有类似的效果吧 hh 让文字留下，跨越时空，给人陪伴和力量。
2 00
最近做了两个浏览器扩展程序MomentTabManager和MomentDots，另外大家可以关注下我的blog 👀
MomentTabManager：
主要提供两大核心功能：智能标签页管理和链接预览弹窗。通过自动化的标签整理和便捷的链接预览，帮助用户更高效地管理浏览器标签页和浏览网页内容，提升用户的浏览体验。（图123）
链接：chromewebstore.google.com
github：github.com
MomentDots：
是一款专为内容创作者设计的浏览器扩展程序，旨在解决多平台内容发布的重复劳动问题。通过AI提示词优化和自动化发布功能，帮助创作者将同一份内容快速适配并发布到微博、小红书、X等多个主流平台，大幅提升内容发布效率。（图456）
链接：chromewebstore.google.com
github：github.com
我的个人博客：
链接：blog.xiaoweigezzz.xyz
PS：本条由MomentDots发布在即刻、小红书、微信公众号
MomentTabManager：
主要提供两大核心功能：智能标签页管理和链接预览弹窗。通过自动化的标签整理和便捷的链接预览，帮助用户更高效地管理浏览器标签页和浏览网页内容，提升用户的浏览体验。（图123）
链接：chromewebstore.google.com
github：github.com
MomentDots：
是一款专为内容创作者设计的浏览器扩展程序，旨在解决多平台内容发布的重复劳动问题。通过AI提示词优化和自动化发布功能，帮助创作者将同一份内容快速适配并发布到微博、小红书、X等多个主流平台，大幅提升内容发布效率。（图456）
链接：chromewebstore.google.com
github：github.com
我的个人博客：
链接：blog.xiaoweigezzz.xyz
PS：本条由MomentDots发布在即刻、小红书、微信公众号
2 00
一直都没太直观感受到所谓的“爹味”和“登”，因为不太在意，没听进去或者听了就忘，没往心里去。但是今天心情不好，什么也不想干，就时不时拿起抖音划划划，越划越没意思，一些视频真的很讨厌，在推荐流里占比还不少，真真切切反感，刻意装腔，表演发言。
最明显的就是旅行类 vlog！
官方 slogan 不是“记录美好生活”吗？我打开短视频，就是奔着娱乐，冲着多巴胺狂分泌来的。你记录就好了啊，富人分享生活，让大家羡慕憧憬幻想一下，然后点个赞；穷人记录日常，让大家共鸣感动一下，然后点个赞。都得到了想要的，创作者、观众、平台，对大家都好不是吗。真的搞不懂，为什么非要在里面加点“正能量”的东西、非得放在视频里讲出来。这又不是语文作文，难道还真是被应试教育弄成条件反射了，干点什么都得要最后总结全文、升华主题？关键是这样硬来也拿不了高分，换不来更多的点赞流量，明明是反向努力啊。
但是就不管，就得来，不来一下浑身不舒服。何必呢，大部分人就是拿不了高分作文，换到拍视频也一样。高分作文也不是光结尾狠狠堆词就行吧，拍视频也不是必须一个劲升华，告诉大家“你看我啊！我经历了 xxx ！我现在 xxx ！大家一定要共鸣我！快给我点赞”。这对吗，这好吗？
真的很扫兴，尤其是千篇一律的，像是小作坊里用劣质模具批量打出来的同一套话语。不同的视频，不同的场景，不同的人物，什么都不同，但是就能神奇的看到同样的价值表达和同样的升华流程，都有坚定且正向的充满能量的词汇语气，都有演讲/诗朗诵一样的断句和停顿，抑扬顿挫，感情充沛。但是真的，绝大部分都说的不好啊，很生硬，很走神。演讲也不是个个都能上去演的，不会表演，就别学了，非得在好好的视频里，说上一段话，然后一个转镜，总结全篇，上价值升华，有必要吗，或者有用吗？老老实实留白就挺好，留白还有想象的空间，做不到通过作品让观众多理解一点自己的视角，着力即差，那就干脆不做，就留白。
我能接受视频文案，因为文案不在视频里，想看就看，不看就不看。但是视频里强行加入一段自我煽情的陈述，属于什么呢，我的理解是比推广/暗广视频更那啥。后者起码知道只有一部分广告内容，并且和视频无关，我还可以直接跳过，也不会太过跑题，不会在一个讲述贫民窟的视频里打奢侈品的广告。但是前者不一样，根本就不知道这一帧过去后，下一个 1/24 秒会蹦出句什么话，很多时候跟“梦到啥说啥”差不太多，根本就不搭嘎，甚至会看笑。
建议出一个“纯视频”模式，或者标识，可以不再看着看着视频，情绪刚被调动，激素刚要分泌，就来个感动中国的发言，无语且难受。
还可以专门搞个看“丧”视频的功能，谁说一定要积极向上正能量的了，就要看丧的苦的难受的，我乐意。
最明显的就是旅行类 vlog！
官方 slogan 不是“记录美好生活”吗？我打开短视频，就是奔着娱乐，冲着多巴胺狂分泌来的。你记录就好了啊，富人分享生活，让大家羡慕憧憬幻想一下，然后点个赞；穷人记录日常，让大家共鸣感动一下，然后点个赞。都得到了想要的，创作者、观众、平台，对大家都好不是吗。真的搞不懂，为什么非要在里面加点“正能量”的东西、非得放在视频里讲出来。这又不是语文作文，难道还真是被应试教育弄成条件反射了，干点什么都得要最后总结全文、升华主题？关键是这样硬来也拿不了高分，换不来更多的点赞流量，明明是反向努力啊。
但是就不管，就得来，不来一下浑身不舒服。何必呢，大部分人就是拿不了高分作文，换到拍视频也一样。高分作文也不是光结尾狠狠堆词就行吧，拍视频也不是必须一个劲升华，告诉大家“你看我啊！我经历了 xxx ！我现在 xxx ！大家一定要共鸣我！快给我点赞”。这对吗，这好吗？
真的很扫兴，尤其是千篇一律的，像是小作坊里用劣质模具批量打出来的同一套话语。不同的视频，不同的场景，不同的人物，什么都不同，但是就能神奇的看到同样的价值表达和同样的升华流程，都有坚定且正向的充满能量的词汇语气，都有演讲/诗朗诵一样的断句和停顿，抑扬顿挫，感情充沛。但是真的，绝大部分都说的不好啊，很生硬，很走神。演讲也不是个个都能上去演的，不会表演，就别学了，非得在好好的视频里，说上一段话，然后一个转镜，总结全篇，上价值升华，有必要吗，或者有用吗？老老实实留白就挺好，留白还有想象的空间，做不到通过作品让观众多理解一点自己的视角，着力即差，那就干脆不做，就留白。
我能接受视频文案，因为文案不在视频里，想看就看，不看就不看。但是视频里强行加入一段自我煽情的陈述，属于什么呢，我的理解是比推广/暗广视频更那啥。后者起码知道只有一部分广告内容，并且和视频无关，我还可以直接跳过，也不会太过跑题，不会在一个讲述贫民窟的视频里打奢侈品的广告。但是前者不一样，根本就不知道这一帧过去后，下一个 1/24 秒会蹦出句什么话，很多时候跟“梦到啥说啥”差不太多，根本就不搭嘎，甚至会看笑。
建议出一个“纯视频”模式，或者标识，可以不再看着看着视频，情绪刚被调动，激素刚要分泌，就来个感动中国的发言，无语且难受。
还可以专门搞个看“丧”视频的功能，谁说一定要积极向上正能量的了，就要看丧的苦的难受的，我乐意。
1 00