KingDesign设计系统是⾦⼭云基于多年的企业级产品设计开发经验，以⾦⼭云设计语⾔为基础，⽤于企业级产品的开源设计系统，该系统由组件、开发、设计资源、⼯具、解决⽅案、设计指南组成，⽤户可使⽤KingDesign设计系统快速构建⼀致的数字产品。

为了更适⽤于企业级产品的开发和使⽤，通过⼤量中后台场景的实践，King Design设计系统提炼出以下设计原则：

⾼效，整体优化设计与前端⼯作流程，做到全局标准化的产品构建。且组件更适⽤于企业操作类的产品，为⽤户带来更便捷的体验。
统⼀，在产品设计中，相同的问题使⽤相同的解决⽅案，让产品家族更具⼀致性。
灵活，为了让设计系统有效地扩展，King Design设计系统在⼀致性与灵活性之间达到了⼀种平衡，可⽀持企业多种业务和产品。

设计系统的组成

KingDesign设计系统是⾯向企业级产品的设计解决⽅案，为企业提效⽽⽣，提供设计思路、设计指南、设计资源帮助企业快速构建产品。

特性

支持多框架 Intact / vue / react

支持TypeScript

动态主题切换

声明式表单验证

完善的文档和精心的设计

90%单元测试覆盖率

Vue

安装

# Vue3
npm install @king-design/vue --save

# Vue2
npm install @king-desing/vue-legacy --save

使用

<template>
    <Button>Hello</Button>
</template>
<script>
import {Button} from 'kpc-vue';

export default {
    components: {
        Button
    }
}
</script>

React

安装

npm install @king-design/react--save

使用

import {Button} from '@king-design/react';

function App() {
    return <Button>Hello</Button>
}

链接: https://www.fly63.com/nav/3963