简于形,大于界

Figma插件

这份快速指南将引导你如何使用Figma Handoff插件。

前置条件

FewBox download figma
Figma桌面版程序。
将来可以忽略此步骤,直接使用在线版Figma插件。

本地安装

本地Figma插件。
Plugins > Development > Import plugin from manifest...

线上安装

线上Figma插件。
Den > Open in...

颜色系统

FewBox color system

设计颜色系统,交接给Vsc扩展。

排版系统

FewBox typography system

设计排版系统,交接给Vsc扩展。

组件设计

FewBox component design

自适应组件设计,交接给Vsc扩展。

组件前景色

FewBox component frontcolor

设置组件的前景色。

组件背景色

FewBox component backgroundcolor

FigmaPage.componentBackgroundcolorDescription

排版

FewBox typography

设置字体,字号等排版元素。

字体颜色

FewBox typography color

设置字体颜色。

图标集合

FewBox icon collection

初始化图标组合,交接给Vsc扩展。

图标颜色

FewBox icon color

设置图标颜色。

图片

FewBox image

设置图片占位符。

图片生成

FewBox image ai

一句话描述图片的内容,AI生成图片。

设置

FewBox setting

切换语言,跳转到Vsc扩展,打开调试。