注册并分享邀请链接,可获得视频播放与邀请奖励。

搜索结果 FRAMAR
FRAMAR 贴吧
一个关键词就是一个贴吧,路径全站唯一。
创建贴吧
用户
未找到
包含 FRAMAR 的推特
网页构建工具 Framer 终于上线了 Agent 能力 由于他们基建比较完善如果跟 AI 结合的好的话还是很有竞争力的,但搞得太慢了
俄罗斯核燃棒由德国制造? 俄罗斯设计的核燃料棒将在德国生产,提供给东欧国家的核电站使用。这家位于德国的工厂其实是法国法马通(Framatome)的子公司。#DWBusiness# #DW中文#
显示更多
Every 出了一个 All Access 计划,500刀一年,包含了 ChatGPT 额度+会员、Claude Max、Cursor、Notion、PostHog、Framer 等服务,还有 Every 自家的文章、播客和 app 啥的
显示更多
⚡ 又发现一个前端动画神器,几行代码就能让网页元素丝滑动起来,还能跑满 120 帧。 GitHub 狂揽 32.5k star,它的前身就是大名鼎鼎的 Framer Motion,现在改名 Motion,连 Vue 也一起支持了。 有了他,前端再也不用手写一堆 CSS keyframes 和 transition,缓动曲线调到头秃。 一句 就搞定网页入场动画、手势反馈滚动联动,弹簧动画、布局过渡。 它把 JS 的灵活和浏览器原生 API 拼在一起,动画走 GPU 加速,所以才跑得动 120 帧不卡顿。 部署也很简单,npm install motion 就能用。 GitHub:
显示更多
6 个 AI 建站工具,一句话描述就给你生成能上线的网站。 1、v0 — Vercel 出的,你用大白话说想要什么页面,它直接生成 React 代码和界面,还能一键部署上线。 2、Lovable — 对着聊天框描述一个完整应用,它把前后端一起搭好,不写代码也能做出能用的产品。 3、 — StackBlitz 出的,浏览器里直接生成并运行全栈项目,改完当场预览,不用配环境。 4、Framer — 设计师最爱,AI 生成加可视化拖拽做出高质感落地页,做作品集和产品官网很快。 5、Durable — 号称 30 秒生成一个带文案和配图的商业网站,特别适合小店、自由职业者快速上线。 6、Replit — 用 Agent 帮你从零把想法写成能跑的应用,还自带托管,写完直接有一个网址。
显示更多
有人用 Fable 5 搭了一个超级 Nice 的网站,平滑滚动、动画、过渡,全用 Fable 5 完成。 我试了一下,流程也不复杂: 1. 先去 Mobbin 或 Godly 找个你喜欢的网站风格,截图下来。 2. 去 Aceternity UI 或者 Magic UI 拖那些现成的动画块(滚动揭示、视差、渐变) 3. 把步骤 1 的截图和步骤 2 的组件引用放进去,告诉 Fable 5 你要哪些部分以及滚动行为,让它先规划再动手 4. 动画工具选择 首选 GSAP + ScrollTrigger:适合复杂视差、pin、scrub 动画 备选 Framer Motion:React 组件内用 whileInView + variants 更快,适合简单 reveal 5. 细化迭代。这一步就是根据你自己的感受继续去改善。比如说我自己的“Hero 的视差太快,把背景移动幅度减半”
显示更多
0
19
108
6
转发到社区
推荐 @MengTo 为设计师和开发者们开源的 Skills MengTo 是 @designcodeio 和 创始人,在设计和开发结合方面有非常深的积累,他的分享必须关注起来,这个开源项目把设计指令、工作流、风格系统、抓取与调试经验都沉淀成了「四大类、75 个 Skills」 1. Codex workflows - 10 个 可复用的 Agent 操作流程(抓取、转 prompt、性能剖析、内容生产) video-to-superprompt、stitched-full-page-capture、html-to-interaction-prompts、daily-ui-inspiration-capture、optimize-web-animations、performance-profiling 2. Media - 2 个 按用途/裁切/比例挑选高质量图片素材 aura-asset-images、unsplash-asset-images 3. UI - 1 个 “像设计系统一样写 prompt”的方法论 design-first-ui-prompting 4. Web design - 62 个 落地页结构、动效系统、WebGL/3D、CSS 处理、布局系统、视觉风格 landing-page、pricing-page、gsap、threejs、tailwindcss、animation-on-scroll、globe-gl、cobejs、vantajs、progressive-blur、css-border-gradient、各种 dark/glass/skeuomorphic 风格包 ... 旗舰工作流:从参考视频到一键 HTML 1. video-to-superprompt —— 输入一段参考视频(设计稿/落地页/动画录屏),用 ffprobe+ffmpeg 抽帧,按“故事 / 布局 / 运动 / 视觉 / 技术重建 / 可访问性”六层分析,输出一个长到不看原视频也能重建的 paste-ready prompt,明确点名 GSAP ScrollTrigger、Lenis、Three.js、video.currentTime scrubbing 等具体机制。 2. html-to-interaction-prompts —— 把已有 HTML 页面(如 Aura Build 产物)拆成“单段/单动画/单按钮/单 hover/单 WebGL 效果”的可复用 prompt 文章。 3. stitched-full-page-capture —— 解决 Framer 等懒加载/滚动动画站点 fullPage 截图发白的痛点:滚动预热 → 视口分步截图 → 垂直拼接 → 用拼接图重切 section crop,并写回 manifest。配套 Playwright + ffmpeg 脚本。 4. daily-ui-inspiration-capture —— 把“浏览 + 抓取 + 参考研究 + prompt 生成”组合成每日自动循环,产出 prompt pack。 两个值得细读的 Skill 范式 1. design-first-ui-prompting 给出了一套固定 prompt 骨架:GOAL → FORMAT → LAYOUT → TYPE SYSTEM → COLOR+MATERIAL → IMAGERY → COPY → CONSTRAINTS → NEGATIVE PROMPT,并强调三个关键技巧: · “Variants > rerolls”:先锁定布局+层级+文案,再每次只改一个变量(角度/强调色/卡片排布/背景调子)。 · 2-pass 字体工作流:模型常拼错字时,先无字生成留出文字安全区,再回 Figma 排版。 · Constraints card:用 FONT / STYLE / MODE 三行小面板像 mini style guide 一样锚定输出。 2. landing-page 则示范了一个“设计 + 转化 + SEO”三合一 SOP:先收集页面目的/受众/证据/约束,再给核心结构(首屏 5 要素 → 中段论证 → 底部异议处理),列出 4 种布局选型、6 条高转化策略、headline/CTA 文案模板、逐节迭代顺序、SEO/AEO 清单和常见坑——典型地体现了“Skill = 操作规程”的写法。
显示更多