Figma教程!组件属性及嵌套表单应用举例

Figma教程!组件属性及嵌套表单应用举例

评论有奖

收藏 5 点赞 26

大家好,我是范米花儿。在这篇笔记中,我从两个角度为大家详细介绍表单嵌套组件的搭建架构:
1.倒序,从最终的表单页一层层扒到到基础icon。
2.正序,从组件的搭建顺序开始。
这样的讲解方式可以帮助大家理解和掌握。
 
在介绍中,我举例说明了如何使用Figma中的组件属性,包括变体属性、布尔属性、文本替换、实例交换和内嵌实例。
我尽可能将这些内容汇总在一篇笔记里,内容较多,大家可以慢慢品。
 
此外,我还想分享一点:
在构建业务组件库的表单模块时,组件架构的设计花费了我很多时间。
我希望大家能够选择一个合适的模块页面,在这个页面内可以方便地切换所需的属性和组件。这就要求嵌套组件架构既要全面,又不能过于复杂,以免增加修改的时间。原子组件也应该保持简洁,避免属性过多。
本篇笔记也是我在这一过程中的思路总结,希望能够帮助大家在搭建自己的组件库时少走弯路。
 
持续关注我,获取更多关于组件、B端设计、Figma和可视化的相关内容,我的主页还有更多精彩内容等你发现!

范米花儿

人气 2.4w 文章 7
主页小红书
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
Figma教程!组件属性及嵌套表单应用举例
收藏 5
点赞 26
一眼难忘!9个超好看的高级感配色合集!
😘 立即查看 >
下一篇 一眼难忘!9个超好看的高级感配色合集!

优设官方微信群

  • 1AIGC自学交流群
  • 2个人IP运营交流群
  • 3优设私单群
  • 4优设同城搭子群
  • 5优设大学生交流群
  • 6优设设计师交流群

添加管理员 招财

微信号: 扫码添加
严格审核打造高质量交流群

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布1

{{ moreBtnTxt }}
阅读相关文章
{{comTitle}} {{comSubtitle}}
- 今天的广告长这样 戳进来很精彩 -

😘 您已经看完啦^_^