Add documentation of frontend pluggable architecture

sig-architecture/concepts-and-designs/pluggable-architecture-zh.md

@@ -14,14 +14,26 @@
 3. 插件管理：提供可视化的插件管理机制，支持插件的安装、卸载、启用、停用、配置、升级
 4. 插件仓库：提供插件的打包、发布机制，提供内置的插件仓库。
 5. 插件框架：提供插件开发、打包、发布相关的脚手架，提供完善的插件开发文档。
-   
+
 ## Architecture
 
 ![plugin-arch](../images/pluggable-arch.png)
 
 ## Frontend
 
-TBD
+前端采用微内核+插件的架构重构整个前端。架构图如下：
+
+![frontend framework](../images/frontend-framework.svg)
+
+内核仅提供插件注册、运行时上下文、事件总线、路由管理、国际化管理、基础页面(如登录、布局页面)、BFF等核心功能，所有业务代码以插件形式接入。如：Clusters、DevOps、DMP。
+插件区分本地插件和远程插件，他们的开发模式基本相同但存在以下不同：
+- 本地插件的代码和 ks-core 在同一个 repo 并且会和 ks-core 同时打包。
+- 远程插件的代码和 ks-core 在不同的 repo，会单独打包发布，然后在 ks-core 运行时远程加载。
+
+同时，为了提高开发效率降低开发门槛我们对基础组件库 KubeDesign 做了全新的封装，对通用业务组件也会做一些封装。
+另外我们会提供开发脚手架，方便开发者快速构建插件。
+
+
 
 ## Backend
 
@@ -114,4 +126,4 @@ spec:
     - 'Foo: Bar'
 status:
   enabled: true
-```
+```