×

注意!页面内容来自https://modao.cc/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

<> .modao-navbar-col-ailab .modao-navbar-col-item-right-title { color: rgb(000); font-family: MiSans; font-size: 14px; font-weight: 500; text-align: left; white-space: nowrap; } .modao-navbar-col-ailab{ margin: 0; margin-right: 16px; } .modao-navbar-col-ailab:last-child{ margin-right: 0; } @media (max-width: 1280px) { .wsc-footer2020 .wsc-footer2020-dropdown-toggle[aria-expanded="false"]+.wsc-footer2020-dropdown-menu { display: none!important; } } #logo-container { position: relative; display: flex; } #logo-container .draggale-logo-arrow { transition: opacity .2s; } #logo-container:hover .draggale-logo-arrow { opacity: 0; } #logo-container[data-hover]::after { z-index: 2; transform: translate(060px); content: ''; position: absolute; inset: 0; background: center/contain no-repeat; opacity: 0; transition: opacity .2s; pointer-events: none; } #logo-container:hover::after { opacity: 1; } #logo-container.win:hover::after { width: 286px; height: 47px; background-image: url(https://cdn-yunyin.modao.cc/CMS/delivery-page/win.png); } #logo-container.mac:hover::after { width: 286px; height: 47px; background-image: url(https://cdn-yunyin.modao.cc/CMS/delivery-page/mac.png); } .modao-navbar-brand-href:hover .draggale-logo-arrow { opacity: 1; } .draggale-logo-arrow { display: none; opacity: 0; width: 241px; height: 76px; position: sticky; top: 30px; transform: translate(-143px,30px); transition: all 0.3s; } .modao-nav-bar-col-item-new-product-icon { display: flex; justify-content: flex-start; align-items: center; gap: 6px; } .new-product-icon { width: 46px; top: 20%; right: -20%; } @media (min-width: 1001px) and (max-width: 1440px) { .new-product-icon { right: -55%; } } @media (max-width: 1000px) { .new-product-icon { display: none; } }
<> /* 有头部banner */ header .header-banner { display: block; height: 0px; } /*移动端*/ /* header .header-banner a {*/ /* display: inline-block;*/ /* width: 100%;*/ /* height: 60px;*/ /* background: #fff;*/ /* background-image: url(https://cdn.modao.cc/23double12/zyw3/ba14.png);*/ /* background-position: center 15%;*/ /* background-size: cover;*/ /* background-repeat: no-repeat;*/ /*}*/ @media (min-width: 1281px) { header .header-banner { height: 45px; } header .header-banner a { width: 100%; height: 45px; /* background: url(https://cdn-yunyin.modao.cc/2503-renewal-activities/brand-banner.png) no-repeat center; */ /* background-size: cover; */ background: linear-gradient(90deg#6139F6 0%#524AF1 28.37%#2A7AF2 100%); display: inline-block; } header .header-banner a:hover { text-decoration: none; } } /* 有头部banner end */ /* 无头部banner */ header .header-banner { /*display: none; */ } .header-img-fluid { height: 26px; width: auto; } /* 无头部banner end */ .header-banner-close-btn { position: absolute; right: 24px; } .header-banner-none-important { display: none !important; } .arrow-animate { animation: arrow-move 3s infinite;; } @keyframes arrow-move { 0% { transform: translateY(1px) translateX(0); } 10% { transform: translateY(1px) translateX(6px); } 20% { transform: translateY(1px) translateX(0); } 30% { transform: translateY(1px) translateX(4px); } 40% { transform: translateY(1px) translateX(0); } 100% { transform: translateY(1px) translateX(0); } } header arrow
想法即原型·设计即代

墨刀 - 智能原型设计
与产研协作平台

告别工具割裂,一站式集结 AI 创作与产研协作。
从创意到交付,让想法瞬间落地。

告别工具割裂,一站式集结 AI 创作与产研协作。
从创意到交付,让想法瞬间落地。

支持 WindowsmacOSLinux 及 网页端及移动端
墨刀
多人在线协作编辑
多人在线协作编辑

SINCE 2014 深耕行业12载 200万+产品团队的信赖之选

SINCE 2014 深耕行业12载 200万+
产品团队的信赖之选

众多企业的一致选择

card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card
card

用墨刀,提效产品团队全工作场景

白板汇聚创意,原型呈现雏形,设计实现交付,用AI辅助创作

用墨刀,提效产品团队全工作场景

白板汇聚创意,原型呈现雏形,设计实现交付,用AI辅助创作

墨刀原型
墨刀白板
墨刀设计
墨刀AIPPT
墨刀-高保真原型设计

高保真原型
让原型更快,交互更逼真

· 零门槛上手,内置海量组件与模板,拖拽即用。
· 沉浸式演示,支持真机扫码预览,评审不再靠想象。
· AI 辅助,一句话生成多页面原型,效率倍增。

墨刀-白板无限画布

白板汇聚灵感
无限画布,让创意与思路
高效汇聚

· 竞品分析、用户调研、旅程图绘制,无限空间自由挥洒。
· 团队头脑风暴、敏捷站立会,让想法在同频中尽情碰撞。
· 勾勒草图,ai转为原型文件,从灵感到设计无缝衔接。

UI/UX设计
轻松上手不畏创作,
设计即代码

· 自动布局、矢量网格、变量、布尔运算,设计能力更强大。
· 设计规范云端同步,支持多栈代码生成,极大缩短开发周期。
· 兼容 Sketch、Figma 文件迁入,快速切图与标注。

AI生成各式文档
AI一键生成PPT,PRD和
评审方案

· 输入需求文档或大纲,AI 自动分析逻辑,生成结构完整的 PPT。

· 覆盖商业计划书、产品路演、年终总结,多种风格随心切换。

· 自动布局,海量模板随意搭配,一键开启演示模式,汇报更从容。

用墨刀
提效产品团队全工作场景

intro

高保真原型
让原型更快,交互更逼真

· 零门槛上手,内置海量组件与模板,拖拽即用。
· 沉浸式演示,支持真机扫码预览,评审不再靠想象。
· AI 辅助,一句话生成多页面原型,效率倍增。

intro

白板汇聚灵感
无限画布,让创意与思路高效汇聚

· 竞品分析、用户调研、旅程图绘制,无限空间自由挥洒。
· 团队头脑风暴、敏捷站立会,让想法在同频中尽情碰撞。
· 勾勒草图,ai转为原型文件,从灵感到设计无缝衔接。

墨刀-UI/UX设计工具

UI/UX设计
轻松上手不畏创作, 设计即代码

· 自动布局、矢量网格、变量、布尔运算,设计能力更强大。
· 设计规范云端同步,支持多栈代码生成,极大缩短开发周期。
· 兼容 Sketch、Figma 文件迁入,快速切图与标注。

墨刀-AIPPT

AI生成各式文档
AI一键生成PPT,PRD和评审方案

· 输入需求文档或大纲,AI 自动分析逻辑,生成结构完整的 PPT。
· 覆盖商业计划书、产品路演、年终总结,多种风格随心切换。
· 自动布局,海量模板随意搭配,一键开启演示模式,汇报更从容。

工作起来更高效

DeepSeek AI

颠覆传统设计流程,支持AI生成原型图、AI生成产品文档、AI智能评审、AI生成思维导图/流程图、AI制作PPT

成为墨刀专家,赚取更多收益

海量资源素材拿来即用
0 门槛开启原型设计

墨刀-海量资源素材
探索更多灵感

创作者收益💰
与万千产品经理和设计师共同成长

一次上传,永久收益 设计价值轻松变现

墨刀-创作者平台 上传素材 获取收益🔥

覆盖产品创造的每一个细节

<> .float-download-test { position: fixed; bottom: 0; left: 50%; z-index: 20; transform: scale(0) translateX(-50%); transform-origin: left bottom; } .float-download-test .download-container { position: relative; width: 64px; height: 64px; } .float-download-test .download-container::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; background-image: linear-gradient(92.5deg#1F61FF 6.44%#A728FF 55.47%#FF4EE4 98.36%); ; z-index: -1; background-color: #0061FF; ; background-size: 100% 128px; background-position: 0 0; border: none; background-repeat: no-repeat; border: 2px solid #fff; } .float-download-test .download-container::after { content: ''; width: 44px; height: 44px; position: absolute; top: 10px; left: 10px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E %3Cpath d='M10.6892 21.6056C12.4372 23.3822 12.6395 25.2919 10.702 27.261C9.50157 28.4802 7.55806 29.2128 4.88346 29.5264C4.74507 29.543 4.60517 29.5422 4.46603 29.5257C3.52586 29.4114 2.83916 28.5757 2.88429 27.6213L2.89406 27.4964L2.93242 27.1805C3.26035 24.6307 3.97037 22.7639 5.12339 21.5921C7.06089 19.6237 8.94048 19.8298 10.6892 21.6056ZM26.7029 2.94271L27.0053 3.03522L27.3009 3.13375C27.6647 3.26132 27.9947 3.47004 28.2659 3.7441C28.5371 4.01815 28.7423 4.35035 28.8661 4.71551C30.0446 8.15881 29.6701 11.6473 27.7702 15.1056C26.9872 16.5302 25.9854 17.8788 24.7662 19.1506L24.4285 19.4959L24.1088 19.8087L24.0998 19.9058C23.8779 21.9772 22.3067 24.7165 19.4117 28.2583L19.1605 28.5644L18.6979 29.1173C18.1744 29.7385 17.1997 29.5655 16.8943 28.8314L16.8582 28.7329L15.2396 23.5672L15.0929 23.4657C14.1835 22.8177 13.3172 22.1112 12.4996 21.3506L12.0972 20.967L11.7031 20.5759C10.539 19.3913 9.49119 18.0977 8.57419 16.7129L8.48469 16.5738L3.21372 14.8694C2.47212 14.6287 2.23294 13.7119 2.70377 13.1357L2.7662 13.065L2.83389 13.0019C7.1692 9.21407 10.368 7.33597 12.659 7.49242L12.8065 7.5052L12.8922 7.51573L13.0855 7.32018C14.125 6.28673 15.2133 5.40748 16.3513 4.68467L16.7319 4.44925L17.0816 4.24467C20.2571 2.44404 23.4808 2.00102 26.7029 2.94346V2.94271ZM16.9861 10.2167C15.6676 11.5359 15.6721 13.6788 16.9966 15.0033C18.3211 16.3278 20.4639 16.3323 21.7832 15.0138C23.1017 13.6946 23.0972 11.5517 21.7727 10.2272C20.4482 8.90268 18.3053 8.89817 16.9861 10.2167Z' fill='white'/%3E %3C/svg%3E"); border-radius: 50rem; } .float-download-test .download-container .download-content { width: 100%; height: 100%; } .float-download-test .download-container a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #000; text-decoration: none; } .float-download-test .download-container a span { font-size: 22px; font-weight: 700; text-wrap: nowrap; white-space: nowrap; line-height: 1.44; width: 0; opacity: 0; } .float-download-test .download-container a svg { width: 0; opacity: 0; } .float-download-test .download-container a [data-icon="brand-windows"]::before, .float-download-test .download-container a [data-icon="brand-macos"]::before, .float-download-test .download-container a [data-icon="brand-windows"]::after, .float-download-test .download-container a [data-icon="brand-macos"]::after { content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16.6426V20.0711H20V16.6426' stroke='white' stroke-width='2.28571'/%3E%3Cpath d='M12.0004 2.92773V14.3563M12.0004 14.3563L17.7147 9.7979M12.0004 14.3563L6.28613 9.7979' stroke='white' stroke-width='2.28571'/%3E%3C/svg%3E%0A"); background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; opacity: 1; } .float-download-test .download-container a [data-icon="brand-windows"]::after, .float-download-test .download-container a [data-icon="brand-macos"]::after { background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16.6426V20.0711H20V16.6426' stroke='white' stroke-width='2.28571'/%3E%3Cpath d='M12.0004 2.92773V14.3563M12.0004 14.3563L17.7147 9.7979M12.0004 14.3563L6.28613 9.7979' stroke='white' stroke-width='2.28571'/%3E%3C/svg%3E%0A"); opacity: 0; } .float-download-test .download-container [data-icon="brand-windows"] svg, .float-download-test .download-container [data-icon="brand-macos"] svg { opacity: 0; } .float-download-test.show { bottom: 30px; transform: scale(1) translateX(-50%); transform-origin: left bottom; transition: all .3s linear; } .float-download-test.show .download-container::before { animation: animateDownload1 .3s .3s linear forwards; border-radius: 44px; transition: border-radius .3s 1s linearbackground-position .15s linear; } .float-download-test.show .download-container::after { transform: scale(0); transition: transform .2s .5s linear; } .float-download-test.show .download-container { width: 225px; transition: all .8s 1s cubic-bezier(0.050.610.410.95); } .float-download-test.show .download-container a span { width: 89px; opacity: 1; margin-left: 0px; transition: width .4s 1.2s linearmargin-left .2s 1.2s linearopacity .3s 1.4s linear; } .float-download-test.show .download-container a svg { width: 27px; opacity: 1; margin-left: 8px; transition: width .4s 1.2s linearmargin-left .2s 1.2s linearopacity .3s 1.4s linear; } .float-download-test.show .download-container a [data-icon="brand-windows"]::before, .float-download-test.show .download-container a [data-icon="brand-macos"]::before { opacity: 0; transition: opacity .1s 1.1s linear; } .float-download-test.show .download-container [data-icon="brand-windows"] svg, .float-download-test.show .download-container [data-icon="brand-macos"] svg { opacity: 1; transition: opacity .1s 1.1s linear; } .float-download-test.show .download-container:hover::before { background-position: 0 -128px; } .float-download-test.show .download-container:hover a { color: #fff !important; } .float-download-test.show .download-container:hover a [data-icon="brand-windows"]::after, .float-download-test.show .download-container:hover a [data-icon="brand-macos"]::after { opacity: 1; animation: btnIconMove 1.5s linear infinite; } .float-download-test.show .download-container:hover [data-icon="brand-windows"] svg, .float-download-test.show .download-container:hover [data-icon="brand-macos"] svg { visibility: hidden; } .float-download-test.leave .download-container a i { transform: scale(0); transition: transform .2s linear; } .float-download-test.leave .download-container a span, .float-download-test.leave .download-container a svg { opacity: 0; transition: opacity .2s linear; } .float-download-test.leave .download-container::before { border-radius: 50%; transition: border-radius .3s .2s linear; } .float-download-test.leave .download-container { width: 64px; transition: all .6s .2s cubic-bezier(0.050.610.410.95); } .float-download-test.leave { bottom: 0; transform: scale(0) translateX(-50%); transform-origin: left bottom; transition: all .3s 1s linear; } /* 默认隐藏第二个 SVG */ .btn-aside svg:nth-of-type(2) { display: none; } /* 悬停时隐藏第一个 SVG,显示第二个 SVG */ .btn-aside:hover svg:nth-of-type(1) { display: none; } .btn-aside:hover svg:nth-of-type(2) { display: inline-block; animation: animateSvg .25s linear 2; } @keyframes animateDownload1 { 0% { transform: scale(1); } 60% { transform: scale(1.8); } 100% { transform: scale(1); } } @keyframes btnIconMove { 0% { transform: translateY(0); } 50% { transform: translateY(4px); } 100% { transform: translateY(0); } } @keyframes animateSvg { 0% { transform: rotate(0deg); } 33% { transform: rotate(-15deg); } 66% { transform: rotate(15deg); } 100% { transform: rotate(0deg); } }

墨刀AI - 产品经理的专属智能体

随时随地自由创作,每时每刻专注创新

墨刀AI - 产品经理的专属智能体

随时随地自由创作,每时每刻专注创新

<> .wsc-footer2020 { font-family: "HarmonyOS Sans""Noto Sans SC"-apple-systemblinkmacsystemfont"Segoe UI"roboto"Helvetica Neue"arial"Noto Sans"sans-serif"Apple Color Emoji""Segoe UI Emoji""Segoe UI Symbol""Noto Color Emoji"; } .wsc-footer2020 p:lang(en), .wsc-footer2020 div:lang(en){ font-family: 'Outfit'; } .wsc-footer2020 .wsc-footer202004-top { border-bottom: solid 1px rgba(3434341); border-top: solid 1px transparent; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown { margin: 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav { padding: 48px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav .wsc-footer2020-nav-logo { width: 140px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) { width: auto; display: block; padding: 0 0; } .wsc-footer2020-archival-info { margin: 26px 0; color: rgba(2552552550.4); font-size: 14px; line-height: 1.2; text-align: center; } .wsc-footer2020-archival-info a { text-decoration: none; } .wsc-footer2020-social { padding-bottom: 7px; } .wsc-footer2020-social .wsc-footer2020-social-media-container { display: flex; align-items: center; padding: 8px 0; } .wsc-footer2020-social .wsc-footer2020-social-media { display: flex; width: 46px; height: 46px; border: 0.675px solid #8b8b8b; box-sizing: border-box; border-radius: 50%; justify-content: center; align-items: center; margin-right: 3.5px; } .wsc-footer2020-social .wsc-footer2020-social-contact { color: #ffffff; margin-bottom: 32px; font-size: 20px; line-height: 1; } .wsc-footer2020-social .wsc-footer2020-social-contact-method { color: #A8A8A8; display: flex; font-size: 14px; line-height: 22px; padding: 6px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-iconlink { padding: 0 !important; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-iconlink .blog-img{ height: auto !important; } .wsc-footer2020-social .wsc-footer2020-social-contact-method .online-service { color: #A8A8A8; } .wsc-footer2020-social .wsc-footer2020-social-contact-method .online-service:hover { color: #fff; text-decoration: none; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-top-content { flex-direction: column; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:last-of-type .wsc-footer2020-dropdown-menu { text-align: center; } @media (min-width: 1280px) { .wsc-footer2020 .wsc-footer2020-container { max-width: 1360px; padding: 0; } .wsc-footer2020 .wsc-footer2020-nav { width: 14%; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-top-content { flex-direction: row; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-container { max-width: 1410px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav { padding: 87px 0; border-right: 1px solid transparent; text-align: left; align-items: flex-start; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-toggle .wsc-footer2020-dropdown-title { font-size: 16px; line-height: 28px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-title { font-size: 16px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-link { font-size: 14px; line-height: 22px; display: inline-block; color: #A8A8A8; opacity: 1; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-link:hover { color: #fff; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav { padding: 84px 0 88px 62px; } .wsc-footer2020 .wsc-footer2020-subnav-item { padding: 5px 0; } /*.wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(1) {*/ /* width: 40px;*/ /*}*/ .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-toggle { margin: 0 0 7px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-subnav-item { padding: 5px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) ul { display: block; } .wsc-footer2020-social .wsc-footer2020-social-media-container { display: flex; align-items: center; padding: 0 0 6px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown { padding: 0 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:not(:last-child) { width: 130px; } .wsc-footer2020 .wsc-footer2020-subnav-content { flex-wrap: nowrap; justify-content: unset; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-toggle { padding: 0 0; margin-bottom: 7px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(5) { position: relative; top: auto; right: auto; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(5) .wsc-footer2020-dropdown-toggle { margin: 0 0 7px 0; } } .icon-weixin { line-height: 1; position: relative; } .icon-weixin .icon-weixin-box { display: none; position: absolute; bottom: 200%; left: 70%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); background-color: #fff; width: 200%; min-width: 13rem; z-index: 1; } .icon-weixin .icon-weixin-box:after { display: block; content: ""; position: absolute } .icon-weixin .icon-weixin-box[position-absolute=right] { left: auto; right: 0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } .icon-weixin .icon-weixin-box[position-absolute=left] { left: 0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } @media (max-width:991.99px) { .icon-weixin .icon-weixin-box[position-absolute=mobile-left] { left: 0; right: auto; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } .icon-weixin .icon-weixin-box[position-absolute=mobile-right] { left: auto; right: 0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } } .icon-weixin:hover .icon-weixin-box { display: -webkit-box; /* OLD - iOS 6-Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEWSpec - Opera 12.1Firefox 20+ */ } @media (max-width:1280px) { #user-group-img { display: none !important; } }