Figma 节点类型
目前 Figma 节点类型有多种,当前支持的转码节点类型以及转后的形式
名称节点类型是否支持支持格式
Frame 节点(自动布局)FrameNode👍 支持<div>
组件(母组件)ComponentNode👍 支持
  1. Titian Figma 设计组件库会转译对应 Titian 组件
  2. 非 Titian Figma 设计组件库转译为 <div>
组件实例(子组件)InstanceNode👍 支持
  1. Titian Figma 设计组件库会转译对应 Titian 组件
  2. 非 Titian Figma 设计组件库转译为 <div>
文本节点TextNode👍 支持<span>
分组节点(文件集)GroupNode❌ 暂不支持
  1. 使用 Frame 自动布局节点也可达到相同效果
  2. 后续会针对【分组节点】的整组内容转化成 <img>
四边形节点RectangleNode❌ 暂不支持
    除了绘画 icon 工作,不建议使用【四边形节点】
  1. 如果是 icon 可使用 Titian 图标组件库实现方式实现。
  2. 后续会针对【四边形节点】转化成 <img> 或 <svg>
椭圆节点EllipseNode❌ 暂不支持
    除了绘画 icon 工作,不建议使用【椭圆节点】
  1. 如果是 icon 可使用 Titian 图标组件库实现方式实现。
  2. 后续会针对【椭圆节点】转化成 <img> 或 <svg>
失量节点VectorNode❌ 暂不支持
    除了绘画 icon 工作,不建议使用【失量节点】
  1. 如果是 icon 可使用 Titian 图标组件库实现方式实现。
  2. 后续会针对【失量节点】转化成 <img> 或 <svg>
线条节点LineNode❌ 暂不支持
  1. 可通过描边实现相同效果
  2. 后续会针对【线节点】转化成 <img> 或 <svg>
多边形节点PolygonNode❌ 暂不支持
    除了绘画 icon 工作,不建议使用【多边形节点】
  1. 如果是 icon 可使用 Titian 图标组件库实现方式实现。
  2. 后续会针对【多边形节点】转化成 <img> 或 <svg>
布尔操作节点BooleanOperationNode❌ 暂不支持
    布尔操作节点常用于绘画 icon
  1. 如果是 icon 可使用 Titian 图标组件库实现方式实现。
  2. 后续会针对【布尔操作节点】转化成 <img> 或 <svg>
星形节点StarNode❌ 暂不支持
    星形节点常用于绘画 icon
  1. 如果是 icon 可使用 Titian 图标组件库实现方式实现。
  2. 后续会针对【多角星】转化成 <img> 或 <svg>
文本框节点ShapeWithTextNode❌ 暂不支持-
切片节点SliceNode❌ 暂不支持-
通过 Stamp Wheel 插入的节点StampNode❌ 暂不支持-
便利贴对象StickyNode❌ 暂不支持-
代码块节点CodeBlockNode❌ 暂不支持-
所有节点All❌ 暂不支持后续只要有 export 属性,就导出为 <img>
Copyright © 2013-2023 www.weimob.com All Rights Reserved 上海微盟企业发展有限公司版权所有 沪ICP备14044897号-9