AI:下一章的设计

AI不仅仅是一个产品,它是一个平台,它将改变我们设计的方式和方式--以及参与者。 

英雄插图: 拉布雷克 .

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px; margin-top: 0px;">我总是对人们用菲格玛创造的东西感到惊奇。多人游戏。数字城市。在一个叫曼迪的早熟中学生的案例中,她的父母应该给她买只兔子。但每隔一段时间,就会有人出现在你面前,制造出令你大吃一惊的东西。乔丹·辛格就是这样。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">三年前,乔丹 有尖头的 一个简短的视频,他建立在菲格玛,利用gps-3产生一个简单提示的设计想法。他称之为"设计师",并将#设计推特点燃。两年后,他建立了 图表 ,被认为是设计与人工智能交叉点上最有前途的初创企业之一。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">今天,我很高兴能和大家分享菲格玛已经获得的图表。我们很高兴能正式欢迎乔丹、西达特、安德鲁、马尔科和文森特加入菲格马队。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">一段时间以来,我们一直密切关注着乔丹和图表组的工作,因为人工智能是菲格玛关注了一段时间的东西。它有可能改变产品开发过程的每一个部分。在过去的一年里,我们建立并发展了一个致力于机器学习和加速投资的团队,以早期开发菲格玛的AI平台。我们作为包括图表在内的菲格玛社区的成员,已经使用我们的开放API来构建 近100个使用Ai的插件 .

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">我们分享我们社区的热情。在这个人工智能的新时代,不仅设计,整个产品开发过程的可能性是无穷的。它将在团队如何在菲格玛工作中发挥核心作用,帮助他们更快地完成第一稿,然后设计和构建伟大的产品。

figma-1a2w2qo" style="box-sizing: inherit; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0px 0px 40px; overflow: visible; appearance: none; cursor: var(--cursorPointer); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-weight: inherit; text-align: inherit; position: relative; border: 1px solid var(--quaternary-color); border-radius: 6px; padding-top: 6px; padding-bottom: 6px; outline: none;">

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">例如,在探索阶段,我们正在探索人工智能如何帮助您生成和合成早期的想法,并提供一个简单的提示。或者,它可以帮助您在设计阶段更快地移动,利用您现有的设计和设计系统,并提出组件建议供您构建。在开发阶段,我们正在迭代各种方法,帮助开发人员更快地推断出更多的上下文,以帮助生成更好的生产代码。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">简而言之,人工智能可以帮助我们在产品开发过程的各个方面做更多的工作。 再快点。 它不是一个功能,而是一个核心功能;它不仅仅是一个产品,它是一个平台,可以将我们的工作提升到解决问题的层面--可以说,这是我们工艺的核心追求,也是我们中许多人最初进入设计和产品制造的原因。

figma-1a2w2qo" style="box-sizing: inherit; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0px 0px 40px; overflow: visible; appearance: none; cursor: var(--cursorPointer); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-weight: inherit; text-align: inherit; position: relative; border: 1px solid var(--quaternary-color); border-radius: 6px; padding-top: 6px; padding-bottom: 6px; outline: none;">

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">但我明白了:很难看到人工智能现在的能力 不 奇怪的是,如果人工智能 那个 这对我来说意味着什么?"在这样的时刻,回顾过去会有帮助。当我们这样做的时候,我们看到设计总是随着技术而演变。无论是印刷机还是智能手机,创新从未取代深思熟虑的设计。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">设计师不是改变的陌生人。我们已经适应了新的平台。我们变得更加合作。我们学会了在混合工作环境中工作。随着每一个基本的变化,我们适应,学习,仍然--我们的设计。当然,这并不意味着事情不会变:他们会变的,我相信会变得更好;从 如何 我们设计的。

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12;">如何设计:从像素到图案

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">当设计系统出现时,我们都很高兴能少花点时间在小而单调的东西上,比如半径角,多花点时间在大的东西上,比如运用品味和指导概念。 原子结构** (像素)开始合并成分子(组件),加速工作流程,提升我们的工艺。

**网站设计师布拉德·弗洛斯2016年的书 原子设计 推广了一种基于原子、分子、有机体、模板和页面的界面原子设计方法。在我们最近的谈话中,布拉德强调"设计越来越多地是管理者",这是他在《邮报》中探索的一个理念。 人工智能时代的设计系统 .”

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">我强烈怀疑人工智能会在更大的规模上做设计系统为设计和开发所做的事。它将使我们能够建立更高层次的 高杠杆率 分子结构。例如,我们将不专注于设计登录屏幕的系统组件--电子邮件字段、密码、药丸按钮--我们将设想新的登录方式,这可能取代电子邮件、电话或触摸标识。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">简而言之,人工智能可以把我们从像素移到模式上,把我们提升到我们今天所知道的数字接口之外,使我们的体验更加流畅和直观--可以说,更人性化。

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12;">我们的设计:新的数码体验

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">所以我们想到了 什么的 我们设计,以及如何 那个 会改变的。有些自相矛盾的是,像Tg-1这样的人工智能技术正在把我们从目前数字体验中占大部分份额的网站和应用程序转移到谷歌成立以来我们一直在做的事情:输入问题和获得答案。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">人工智能能更无缝地弥合意图和行动之间的鸿沟。今天,打电话到机场需要决定你需要搭便车,打开应用程序,设置你的位置,评估选择,并要求一辆车,但是用户实际上只是想说,"把我送到肯尼迪机场"。作为产品的开发者,我们需要问自己:人工智能是否能够用更少的点击和决策提供同样的用户体验--或者更好的用户体验?

figma-1a2w2qo" style="box-sizing: inherit; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0px 0px 40px; overflow: visible; appearance: none; cursor: var(--cursorPointer); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-weight: inherit; text-align: inherit; position: relative; border: 1px solid var(--quaternary-color); border-radius: 6px; padding-top: 6px; padding-bottom: 6px; outline: none;">

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12;">谁将设计:不断演变的角色

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">这个难题中最重要的部分之一是在人工智能时代,产品角色和协作可能如何改变。在菲格玛,我们相信那些做产品设计和开发的人的角色和工作流程将会改变。越来越多的人将成为视觉创作者,现有的设计师将能够创造出比以往任何时候都更雄心勃勃的体验。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">一个思考的方法是设计的总空间有天花板和地板:天花板是设计师在设计上有多优秀,这受可用工具的限制;地板是某人参与设计所需的最低技能。人工智能将提升这个上限,通过更强大的工具使更多的创造性输出成为可能;它也将降低地板,使任何人更容易设计和视觉协作。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">最终的结果,实际上,将是一个共享空间--让人们进入这个共享设计空间意味着我们真的在同一个地方工作。这是一个让菲格玛觉得自然的轨迹,实时协作已经模糊了角色和产品构建之间的界限,越来越成为一种共同的责任。

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12;">从这里开始

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">就像之前的网络和智能手机一样,人工智能的兴起代表着一个平台的转变,这改变了我们的构建方式,我们的构建方式,以及谁的构建方式。现在还为时过早。有很多未知数,还有很多要建立和解决。它既令人兴奋又令人着迷。它也可能有点…可怕。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">我邀请我们所有人带着好奇心、移情心和创造性来帮助引导这项技术,而不是让它引导我们。问问题,探索新的想法,并记住设计和产品建设的核心技术是一样的:解决问题。