Codia
<div class="ce-block" data-id="cGB2z6fvs_" ><div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">关于产品</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="9Yh9v2704t" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">Codia是一家尖端的人工智能公司，背靠强大的人工智能团队和顶尖的工程研发团队。致力于利用AI提升整个开发过程，Codia专注于AI辅助设计，并承担着从设计到代码转变的使命，能够将截图快速转换为可编辑的 Figma UI 设计稿。</div>
</div>
</div><div class="ce-block" data-id="N4tfwCWZQj" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">适合谁？</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="c8FzLjjLe3" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 开发者：快速获取高还原度前端代码，减少重复劳动；适配多平台框架</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="0b4Rm1Y9fT" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 设计师：将草图/截图转为可编辑设计稿；验证设计的技术可行性</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="PZtRH9QjsV" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 企业团队：加速产品原型开发；统一设计系统与代码规范；降低协作成本</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="DFk_HKO4Xj" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 电商/营销人员：生成商品展示图、营销海报等视觉内容（结合insMind等工具链）</div>
</div>
</div><div class="ce-block" data-id="VmE3qnhVVy" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">产品特色</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="_Nyql_Zqgh" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 看图就能写代码：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="tX75cc_rbM" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> 给它一张设计图（比如网站页面、App界面、PDF、甚至截图），它就能自动生成可运行的前端代码（支持React、Vue、小程序等）。省去程序员大量手动敲代码的时间！</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="RSw5aojyee" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 一句话变设计稿：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="8Fm5fe6jXi" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> 告诉它你想要什么（比如“做个电商登录页”），它就能在工具里生成完整的UI设计稿，设计师可以直接在此基础上修改。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="s5Kfi1SgCs" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 万能格式转换器：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="oW1vastjI2" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 图片/SVG/PDF → 可编辑设计稿（比如Figma文件）：方便设计师修改老素材。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="MGxo8ywhDS" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 设计稿(Figma等) → 多种代码：开发直接能用。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="8LE3V0mdTT" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> Office文件/PS文件 → 设计稿：解放设计师。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="6N1TyvZvc-" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 快如闪电： 整个过程比人工操作快了10倍以上，几分钟搞定原本几小时的活。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="Cfek6K7YJs" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 高还原度： 生成的代码或设计稿，和原图/原设计几乎一模一样（官方说99%精度），不用大改。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="sY-E0z_Ra8" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><span style="color: oklch(0.446 0.043 257.281); font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15.75px; letter-spacing: normal; background-color: oklch(0.984 0.003 247.858);">✅</span> 无缝衔接工具： 有Figma插件，设计师和开发者在自己熟悉的环境里就能直接用。</div>
</div>
</div><style type="text/css">
.ce-block {
margin-top: 20px;
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}
.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
content: "";
background-color: #3e8fe3;
width: 6px;
height: 100%;
position: absolute;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}
.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}
.ce-header:empty::before {
display: block;
}
.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
font-size: 2.0em;
}
h2.ce-header {
font-size: 1.7em;
}
h3.ce-header {
font-size: 1.4em;
}
h4.ce-header {
font-size: 1.15em;
}
h5.ce-header {
font-size: 0.95em;
}
h6.ce-header {
font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.ce-paragraph {
line-height: 1.6em;
outline: none;
text-indent: 2em;
font-size: 16px;
}
.ce-paragraph--right {
text-align: right;
}
.ce-paragraph--center {
text-align: center;
}
.ce-paragraph--left {
text-align: left;
}
.ce-paragraph--justify {
text-align: justify;
}
.ce-paragraph-text-indent {
text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}
.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}
.ce-paragraph p:first-of-type{
margin-top: 0;
}
.ce-paragraph p:last-of-type{
margin-bottom: 0;
}
.svg-icon {
width: 1em;
height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>
页:
[1]