立即从任何网站生成完整的设计系统文档。提取颜色，版式，徽标，粉丝等。
StyleKit.io是一种将任何网页转换为专业文献记录的StyleKit的工具，可作为即时设计系统和样式指南生成器，非常适合需要创建，记录或分析设计系统的团队。
StyleKit是一个综合文档，将网站的所有视觉元素组织到结构化且可共享的格式中，从而使设计系统可访问且对整个团队有用。
stylekit.io还允许您立即检查页面上的任何元素。
关键功能：
✓即时StyleTkit一代
- 使用使用分析完整调色板
- 版式系统文档
- 徽标和视觉资产捕获
- 设计模式识别
✓专业出口选项
- 一单击的设计元素复制
-PDF StyleKit文档
- 便携式HTML网页（独立文档）
✓实时设计分析
- 交互式元素突出显示
- 现场视口分析
- 使用统计和指标
- 模式识别
非常适合：
•设计团队创建设计系统
•开发人员实施styletkit
•产品经理保持品牌一致性
•设计系统工程师
•任何需要快速设计文档的人
StyleKit的工作原理：
1。访问任何网站
2。单击stylekit扩展
3。立即生成完整的stylekit
4。在PDF中导出您的stylekit for Archive
5。导出网页作为stylekit的补充
6。单击“样式选择器”按钮以检查页面上的任何元素
技术能力：
- 深色分析（背景和文本）
- 精确（计算）用法指标
- 高级透明度处理
- 全面的排版文档
- 基于视口的元素处理
- 无需源代码访问
StyleKit优点：
- 创建一致的设计文档
- 标准化设计系统交付
- 改善团队沟通
- 加快设计实现
- 保持品牌一致性
隐私与安全：
- 基于浏览器的处理
- 除Google Analytics（分析）外，没有外部数据传输
- 无需认证
- 固定跨原天化处理
StyleKit正在彻底改变团队如何创建，记录和维护设计系统。无论您是建立新的品牌标识，分析竞争对手还是在产品之间保持设计一致性，StyleKit都将复杂的设计文档转换为简化的过程。
立即开始创建您的stylekit，并加入设计系统文档的未来！
StyleKit.io插件谷歌浏览器安装教程
第一步：下载StyleKit.io安装扩展
第二步：下载下来的扩展解压到你想放的文件夹里
比如我解压到extend文件夹
打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序），右上角开发者模式，点击开启，蓝色为开启，灰色为关闭；
再次将crx文件拖放到扩展程序，页面左下角提示：“扩展功能、应用和主题背景可能会损害您的计算机。您确定要继续吗？”
点击“继续”依然显示“无法从该网站添加应用、扩展程序和用户脚本”。尝试另一种办法方法。
第三步：把crx后缀改为zip，再进行解压
如果有些windows电脑系统查看不到文件扩展名，则可以通过以下设置：
找到文件夹顶部，点击查看
点击查看，找到隐藏已知文件扩展名，去掉前面的勾即可
这样你就能看到解压好的扩展名：.crx
解压的扩展名为.crx
把.crx改为：zip
然后再用解压工具再解压一遍，即可得到扩展的全部文件
然后再谷歌浏览器插件页面选择：加载已解压的扩展程序
这样就安装成功了
友情提醒：
其他浏览器，包括qq浏览器，360浏览器，edge浏览器，猎豹浏览器，搜狗浏览器安装插件的方法都是类似的，以上内容大部分通用！
