HTML <-> Figma Figma插件可将HTML从URL转换为Figma，或通过将Figma设计转换为代码 它是如何工作的 在Figma中，打开一个新的或现有的文档，然后单击cmd + /并搜索“ html figma”，然后按Enter 输入您要导入的URL 为什么？ 轻松导入真实的现场样式，作为设计和原型的起点 快速将实际站点组件转换为设计组件 易于从故事书等导入 Chrome扩展程序 想要捕获身份验证墙后面的页面，还是要导航到的特定状态？ 程序适合您！ 使用图书馆 // npm install @builder .io/html-to-figma import { htmlToFigma } from "@builder.io/html-to-figma" ; const layers = htmlToFigma ( document . body ) ; // E.g. send these to the REST API, or generate a .figma.json file that can be uploaded through the Figma

通过将Figma设计转换为高质量HTML，React，Vue，Svelte，Angular，Solid等代码 它是如何工作的 将设计导出为代码 确保要导入的所有图层均按照所述使用自动布局 单击“获取代码”按钮以启动Builder.io编辑器 进行最后的调整，然后单击Builder顶部的“获取代码”以查看代码输出，或将其复制并粘贴到Builder帐户的内容以实时发布 将网页导入到Figma设计 在Figma中，打开一个新的或现有的文档，然后单击cmd + /并搜索“ html figma”，然后按Enter 输入您要导入的URL 为什么？ 立即将设计转换为实时网页和代码 轻松导入真实的现场样式，以作为设计和原型的起点 快速将实际站点组件转换为设计组件 易于从故事书等导入 Chrome扩展程序 想要捕获身份验证墙后面的页面，还是要导航到的特定状态？ 程序适合您！ 使用图书馆 // npm

Alla Kholmatova is a UX and interaction designer with a nine-year experience of working on the web, for a range of products and companies. Most recently she was a senior product designer at an open education platform, FutureLearn. She’s particularly interested in design systems, language, and collaborative ways of working. In the last two years, she has been spending a huge amount of time working on and researching the subject. She’s been sharing her insights with people through articles, workshops, and projects. Alla contributes to design publications, such as A List Apart, and speaks at conferences around the world.

CLI工具箱，可在几分钟内创建设计系统 用途：打字稿，CSS，样式组件支持 输出：CJS和MJS 无需工具配置 概述 Design-systems-cli本质上是一个用于设计系统的 。 作为开发人员带给您的主要好处是节省时间。 如果您自己将其组合在一起，则为设计系统设置所有的monorepo，和构建工具将花费一个多星期的时间。 您可以在几分钟内完成此项目。 特征 :star: 脚手架组件和整个设计系统 :star: 构建用于多个输出（cjs和esm）的组件 :star: 使用样式化组件或CSS模块编写样式 :star: 使用Storybook制作出色的组件 :star: 让组件消费者在游戏室尝试您的组件 :star: 测试和棉绒支持 :star: 开箱即用地支持打字稿 :star: 跟踪组件的大小并调试更改 有关完整的文档，请转到。 安装 确保已安装以下软件： Node >= 10.18.1 Yarn - 开始： 要进行设置，请分叉并克隆项目，

Cadence Design Systems Analysis Sigrity 2021.1 (x64) bt种子文件，请使用qbittorrent等软件下载，可在pc.qq.com下载qbittorrent等程序。

Published 2017 by Smashing Media AG, Freiburg, Germany. All rights reserved. ISBN: 978-3-945749-58-6 Cover design: Espen Brunborg Copyediting: Owen Gregory Interior layout: Markus Seyfferth Ebook production: Cosima Mielke Typefaces: Elena by Nicole Dotin, Mija by Miguel Hernández, and Maison Neue by Timo Gässner. Design Systems was written by Alla Kholmatova and reviewed by Karen McGrane and Jeremy Keith. Please send errors to: errata@smashingmagazine.com