爱意满满的作品展示区。
onichandame

做了一个发布 HTML 原型图的小东西

  •  
  •   onichandame · 10 days ago · 621 views

    https://vibedock.qzz.io/ 上个月和一个产品经理聊了一下,他现在做原型主要是用 CC/codex 画 html 原型图,再早之前是用 figma make 。现在卡点不再是产品经理画不出好看的原型,而是如何把原型原样传达给开发。他没有技术背景,第一次传原型给开发的时候只传了 index.html ,样式全都没带上。第二次传的时候把内部密钥泄露了。为了安全,他现在给开发讲解产品设计的时候都是共享屏幕。 我做的这个小东西主要是解决上面的痛点,降低产品经理把原型传达给开发的成本。基本用法很简单,把你的原型打包上传,会自动给你分配一个公网子域名,把域名发给别人就可以让别人访问。且发布时会帮你检查原型里面是否有缺失的 js/css ,是否有泄露密钥。希望它能解决更多类似的问题,有更好的建议也可发我

    6 replies    2026-05-07 15:19:44 +08:00
    xiqingongzi
        1
    xiqingongzi  
       9 days ago
    加了密钥检查的 Vercel ?
    newarray
        2
    newarray  
       9 days ago
    看了下,整体 UI 做的很棒,包括产品设想也挺好的,说白了就是快速让产品原型在团队之间流通,但是有几个疑惑的点
    1.这个对于用户来说,要拖入什么东西?纯 html 文件?还是前端常见的编译后的 dist 文件夹?
    2.评论这个挺有意思,看了你的描述不用登录,盲猜是通过 localstorage 实现存在缓存里,好像也不对,那同一个页面,别人好像也看不到我的评论啊,所以怀疑还是有数据库存了,哈哈
    onichandame
        3
    onichandame  
    OP
       9 days ago
    @xiqingongzi 不打算做后端或 SSR ,只针对 SPA/HTML 原型远程分享场景。不适合用来做生产环境的 host
    onichandame
        4
    onichandame  
    OP
       9 days ago
    @newarray 1. 可以选择文件夹,前端会把整个 vibe coded 出来的文件夹内所有文件打包成 zip 上传;也可自己打包成 zip 上传单个压缩包。现在支持纯 html/react/vue ,只要是 spa 都支持
    2. 评论当然是存在后端的呀,评论功能主要是让开发和 ux 给 pm 的原型提意见,存前端的话 pm 就看不到了。现在是要登录才能评论的
    maemolee
        5
    maemolee  
       9 days ago
    我们目前还在用 axure 画原型,生成 HTML ,传内部平台。
    产品直接生成 HTML 的原型你们觉得效果咋样,对于研发来说会更好还是更坏?
    onichandame
        6
    onichandame  
    OP
       9 days ago
    @maemolee 和之前纯 figma 原型图比肯定 html 可交互原型会更好理解一些。而且做 html 原型的时候产品自己就能发现一些设计的不好的地方
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3072 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 90ms · UTC 09:03 · PVG 17:03 · LAX 02:03 · JFK 05:03
    ♥ Do have faith in what you're doing.