一种设计模板使用方法

tags
Design
Tool
date
Sep 1, 2022

现存问题

一些成熟的设计方案会被沉淀下来多次复用。每次复用时,现有方式是复制模板文件到新需求文件中,结合新需求的要求进行修改。
除了此需求个性化的修改外,还包含许多通用的设计优化点;而这些优化点随着每一个需求的复用散落在不同的项目文件中,难以管理、迭代。
此方法可以让模板满足具体项目的个性化需求,同时也能集中管理通用的设计优化点,从而更好地实现设计模板的迭代

名词解释

  • 主干文件:简单理解的话,我们接触的大部分文件都是主干文件
  • 分支文件:通过下述「创建分支」步骤可创建分支文件
上述两种文件的修改是隔离的,但可以通过某种方式互通,具体请继续看。

前期准备

创建分支

当你接到需求时,请不要直接修改主干文件,请务必先创建分支
  • 在顶部标题栏点击「Create branch…」
notion image
  • 设置分支的名称
  • 之后会自动打开分支文件
分支文件的标题包含此符号时,表示你正在访问分支文件:
notion image

修订记录

  • 复制分支文件的链接
  • 填写到修订记录中
notion image

输出设计

编辑

动手修改前,请先判断:
  1. 此修改为基础体验优化或其他通用的修改点
      • 主干文件中编辑
  1. 此修改为本次需求个性化的修改点
      • 分支文件中编辑

将主干的修改同步到分支文件中

主干文件修改后,不出半分钟就会在分支文件右下角看到更新提醒,此时点击「Update」即可将主干的修改同步到分支文件中。
notion image
所以最终交付的设计 = 主干文件编辑的内容 + 分支文件编辑的内容
如果主干和分支冲突怎么办?请参考:
  1. 中文介绍:https://figmacn.com/post/branching-is-online
  1. 官方介绍:https://help.figma.com/hc/en-us/articles/360063144053-Guide-to-branching

© jiangzilong 2024