图片来源：Framer
Framer作为一款创新的设计工具，它以其直观的操作界面和强大的交互原型制作功能，迅速在设计师和开发者中流行开来。它通过简化的拖拽操作和内置的协作机制，使得团队能够轻松地将创意转化为实际的交互设计。 Framer的清晰布局，为用户提供了清晰的操作指引。用户无需编写代码，即可通过点击和拖拽轻松添加元素和动态功能，享受设计过程的乐趣。实时协作功能和一键发布的便捷性，使得团队合作和设计分享变得简单高效。重点面板切换和属性面板设置，进一步增强了设计的灵活性和精确性，让用户能够专注于创意的实现。在画布上，设计师可以自由地发挥想象力，利用各种工具和资源，将设计概念转化为生动的网页原型。 Framer由Koen Bok和Jorn van Dijk创立，他们曾在Facebook担任产品设计职务。该公司在C轮融资中筹集了 2700 万美元，此轮融资由Meritech Capital与Accel领投，现有投资者Atomico和Foundation跟投。
01 Framer：创业者和设计师的协作神器，灵感与产品无缝转换
作为一款设计工具，Framer一经推出便引起了创业圈的热议。其用户群体不仅包括专业的UI/UX设计师，还有许多对设计和编程感兴趣的创业者和开发者。它提供了一个直观的视觉设计界面，使得设计师能够轻松地将他们的想法转化为交互式原型。Figma Academy与Dive的创始人Michael Riddering对于Framer进行了高度评价，并在Youtube上发布了相关的演示视频。
图片来源：LinkedIn
Framer是一款以易用性、协作性和功能丰富性为核心理念的设计工具，它通过直观的界面和拖拽功能，让设计师无需编程知识就能创建高度交互的原型。Framer X版本特别强调用户体验，内置的商店和组件系统促进了团队间的协作，同时提供了从原型设计到代码生成的一系列工具，支持生成高质量的React或Vue代码。
Framer总部位于荷兰阿姆斯特丹，由Koen Bok和Jorn van Dijk创立。公司成立于2013年，以开发交互设计工具起家。Framer的价值主张是通过提供一个直观的设计和原型制作平台，让设计师和开发人员能够无缝协作，快速将设计概念转化为实际产品。
02 界面简洁功能易懂，助力无代码用户便捷创作
无论是资深网页设计师还是设计新手，Framer提供了一个直观且用户友好的界面。通过简单的点击操作，用户便能轻松体验到自己设计的网页效果，享受创作的乐趣。Framer的易用性、强大的原型设计功能、实时协作能力，以及对无代码或低代码用户友好的设计环境，使其在与Figma、Sketch、Adobe XD等同类型产品的竞争中脱颖而出，赢得了广大用户的青睐。
界面简约：Framer为用户提供了一个极其简约的界面，各种功能按钮简单易懂地呈现给用户，用户可以在界面中根据指示进行相关功能的添加。界面一共分为四个部分，分别是顶部的工具栏、左部可以显示不同的几个面板、中部的画布与右部的属性面板。
图片来源：YouTube
顶部工具栏元素设置：页面顶部的按键，分别对应主菜单、插入元素、页面布局等功能。比如，点击Insert键，弹出左部面板，在面板上用户可以对画布进行初步的设计，添加任意元素到画布中，包括但不限于各种组件、动态功能等。在这个过程中，用户无需敲打代码，只需用鼠标轻击，即可体验到设计的乐趣。
图片来源：YouTube
协作者与发布：在工具栏的右侧，可以显示当前的设计协作者，以及对页面的进一步设置、预览，同时也可以继续邀请协作者加入创作。当用户想要发布自己设计的网站时，只需将光标移动到publish键，即可一键发布该网站。
图片来源：YouTube
重点面板切换：在左侧的工具栏中，用户可以在三个重要面板中进行自由切换，Pages、Layers与Assets分别对应站点图层的切换、当前页面上的所有元素以及资源组件样式。在这个工具栏中，用户可以对自己设计的网站画布进行进一步的元素添加与设计。
图片来源：YouTube
属性面板设置：当用户点击画布框时，会在右侧出现该画布的相关属性设置，其对应的属性是上下文相关的，意味着用户选择相应元素会对应其相应的属性，并进行有针对性的修改。
图片来源：YouTube
画布设计：作为Framer最核心的部分，在画布板块，用户可以发挥自己无尽的想象力，在画布上尽情设计。同时位于底部的画布工具可以辅助用户设计，用户能够利用以下工具实现画布自由移动、注释、评论互动与缩放等功能。Framer像一个移动的图书馆，为用户提供了一个可以自由调用资源，并用于自身网站设计的平台。
图片来源：YouTube
03 连续创业者，从Facebook到阿姆斯特丹，产品设计明星的创新之旅
Framer的核心团队由Koen Bok和Jorn van Dijk组成，他们在设计和技术创新领域拥有丰富的经验。Koen Bok曾是 Facebook的产品设计师，而Jorn van Dijk则在Facebook担任早期产品设计角色。两人在离开Facebook后共同创立了Framer。同时，他们还创立了Festina，作为一个投资基金，专注于投资具有世界级用户体验设计的软件公司。
Koen Bok作为Framer的创始人，毕业于荷兰阿姆斯特丹大学，他的职业生涯始于2006年，当时他与Framer的另一创始人Jorn van Dijk共同创立了Sofa B.V.，专注于软件和交互设计。Sofa以其出色的设计赢得了多个苹果设计奖，并在2011年被Facebook收购。随后，Koen在Facebook担任产品设计师，参与了消息、广告和视频等项目的设计工作。Koen在创业方面充满热情，并以天使投资人的身份参与投资了Pitch、CodeSandbox等公司。目前正在致力于 Framer的开发。
图片来源：LinkedIn
Jorn van Dijk不仅是一位荷兰设计师、同时也是一位创业投资者，目前为Framer的联合创始人和首席执行官。在与Koen Bok共同创立Framer之前，Jorn曾是Mac平台上著名的软件开发公司Sofa的设计总监。Sofa被Facebook收购后，Jorn加入Facebook担任产品设计职务。离开Facebook后，他与Koen一起创立了Framer。
图片来源：LinkedIn
04 5轮融资累计6100万美元，Meritech Capital Partners与Accel领衔C轮
Framer在5轮融资中总共筹集了6100万美元。他们最近一次融资是在2023年7月27日进行的C轮融资。Framer由11位投资者投资。参与的投资者包括Meritech Capital Partners、Accel、Atomico、AngelList、Foundation Capital、Designer Fund。其中，Meritech Capital Partners和Accel是最近的投资者。
作者：Walter Wei
Reference
https://www.framer.com/
https://www.crunchbase.com/organization/framer/company_financials
https://www.youtube.com/watch?v=fQSWqKPNXb0
https://accesspath.com/tech/5876222/
-----------END-----------
