V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
kokdemo
V2EX  ›  分享创造

写了一个 Figma 插件 - Better Export Tools,可以帮助产品和设计师提高导出效率

  •  1
     
  •   kokdemo ·
    kokdemo · 2021-04-21 10:20:13 +08:00 · 1805 次点击
    这是一个创建于 1299 天前的主题,其中的信息可能已经有所发展或是发生改变。

    示意图

    插件链接

    大家可以访问这个链接来体验和使用,欢迎大家在 Figma 页面中安装或者点❤️,如果有什么 bug 和建议也可以在这里回复哈。

    https://www.figma.com/community/plugin/959020946270604837/Better-Export-Tool

    功能简介

    自动给画框加上标题(每次运行都可以自动矫正位置)。

    场景描述

    做产品设计的同学在做全局原型总览图的时候,总需要认真的给每一个画框上面写一个标题才好导出,每一次改了需求之后,还需要自己重新把标题再改一遍才行。这个工具帮你自动的解决了这个痛点。

    只要运行插件,就会按当前页面画框( Frame )的位置,在它顶部自动加一个文字标题(标题等同于 Frame 的名称)。

    15 条回复    2021-05-10 14:45:13 +08:00
    hzlzh
        1
    hzlzh  
       2021-04-21 10:45:43 +08:00
    很不错的场景和插件实现,试用发现 frame 嵌套的时候有点问题,已经 twitter at 你了
    kokdemo
        2
    kokdemo  
    OP
       2021-04-21 11:05:59 +08:00
    @hzlzh 收到,我研究一下哈
    hzlzh
        3
    hzlzh  
       2021-04-21 11:11:01 +08:00
    @kokdemo 另外提几个诉求:
    1 、自定义生成标题的颜色、字号、和 padding-bottom
    2 、支持 unlock 标题文字(因为我通常是用一次自动生成,此后手动修改,效率最高)
    3 、或许可以考虑做一键批量移除(基于前缀 FT:)
    kokdemo
        4
    kokdemo  
    OP
       2021-04-21 11:18:04 +08:00
    @hzlzh
    1. 现在字号是根据你的 frame 宽度自动变化的,宽度越大,字号越大
    2. 为啥要 unlock 呢,直接修改 frame 标题,然后重新运行就可以了,产检会直接删掉之后重新创建一遍,不用手动修改
    3. 这个可以做

    目前的插件没有 ui 界面,所以选择项目较少,这几个功能后面慢慢加吧。
    hzlzh
        5
    hzlzh  
       2021-04-21 11:25:13 +08:00
    1. 个人习惯不同,字号比例会影响设计师想传达的观感:是粗狂还是精致
    2. 比如我的标题是“首页”,我想改成“首页 v2”,那么最快的方式是双击标题直接追加 “v2”
    这个插件我会在 frame 还没有独立 标题 的时候,用来生成标题,一旦生成,维护更快的是直接修改。
    2.1 异或:如果能实现实时绑定和同步 标题 = Frame name,那会更好。归根到底,figma 目前的插件运行路径表繁琐(快捷键也会被 recent plugin 覆盖),如果改一点点都要运行一次插件会很不友好。
    2.2 当然,也可以做成设置项,针对不同用户自行设置默认 lock / unlock
    4. 是不是可以不用 UI 管理界面,做到插件二级菜单里,用 item select checked 交互来实现?我觉得精简一点好
    leeshong27
        6
    leeshong27  
       2021-04-21 11:33:57 +08:00
    支持一下
    fenx
        7
    fenx  
       2021-04-21 21:29:30 +08:00
    能有只生成选中的 Frame 名字选项吗?有时不太想这么管理 Pages 。
    ----
    顺便这个插件名太模糊了,与插件本身特定的应用场景不太搭,直接说具体一点能解决什么问题感觉搜索来的人会多些?
    kokdemo
        8
    kokdemo  
    OP
       2021-04-22 14:57:36 +08:00
    @fenx 嗯其实还规划了点别的功能……

    你的 frame 名是怎么弄得呢?
    fenx
        9
    fenx  
       2021-04-22 15:09:03 +08:00
    @kokdemo 嗯?没太懂问题,和 Frame 命名有关系吗?
    我说是一使用插件当前整个 Page 的所有 Frame 都会生成相应命名,如果可以只生成部分选中的 Frame 的名字感觉更方便一点(不用再新建 Page 把不想生成的 Frame 挪走)
    kokdemo
        10
    kokdemo  
    OP
       2021-04-22 15:28:00 +08:00
    @fenx 懂了
    kokdemo
        11
    kokdemo  
    OP
       2021-04-22 20:03:03 +08:00   ❤️ 1
    @hzlzh 更新了一个版本:

    1. 支持嵌套 Frame 的标题更新
    2. 支持切换锁定状态:这个状态存储在页面中,每一个 Page 的状态是独立的
    3. 支持单独清除标题

    此外,我没有找到菜单的 checked 功能,所以用了另一个函数存储锁定状态。

    @fenx 您提的这个功能我还得研究一下,可能下个版本会支持。
    shangrenxi
        12
    shangrenxi  
       2021-04-25 10:47:39 +08:00
    感觉新版不能正常用了,就我一个人这样?
    kokdemo
        13
    kokdemo  
    OP
       2021-04-29 15:20:05 +08:00
    @shangrenxi 有啥问题,能具体反馈下么
    kokdemo
        14
    kokdemo  
    OP
       2021-04-29 19:51:40 +08:00
    @shangrenxi 感谢提醒,刚把 bug 修复了
    hzlzh
        15
    hzlzh  
       2021-05-10 14:45:13 +08:00
    @kokdemo NICE 我试试
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2681 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 06:25 · PVG 14:25 · LAX 22:25 · JFK 01:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.