设计系统与Page Builder, 开发者 GUI 工具

@JimmyLv 2018-10-26 13:37:25发表于 JimmyLv/jimmylv.github.io

项目纵向拆分

基于docker的服务,当然支持直接sass化运行,再引入账号系统+云就能完全支撑2B业务

服务:

  1. vue ui 提供2,3,4管理界面 (GUI+插件化)
  2. website with the theme, with data(运行时)
  3. design system 文档(开发时)(用于修改sass变量,从而组件变化,material-ui+storybook)
  4. page builder(编辑时)主要是插入运行时数据

基于Ant Design来做

3 是首要需要去做的,这是收益比最大的。

  • 引入 Storybook (vue-cli-plugin)
  • 给 vue-ant-design 组件写stories
  • 引入 storybook-addon-material-ui,把theme编辑做起来,跟 antd 变量联动起来
  • 尝试 story2sketch 生成 Symbols
  • 部署,做成在线版 showcase

⓵ 定义目标和原则

终极目的

Q:为什么你要花时间来做这项任务,而不是其他随便什么任务?
A:

⓶ 展望结果(OKRs)

利益相关人清单

Q:当你交付最终结果的时候,会如何让世界变得更好?
A:

⓷ 思维导图:头脑风暴/集思广益(发散)+ ⓸ 组织整理(收敛)

⓹ 明确「下一步行动」

能够产生反馈结果的小任务