#1 我最喜欢的超棒教学 Lichin 👇🏻https://www.figma.com/@lichin
💥 墙裂推荐
「设计系统实作小学堂」系列
「Designtips.today」系列
✨ 亮点
「设计系统实作小学堂」系列循序渐进,由最外围的设计系统到高频的各种实用功能如自动布局&网格系统、组件&变量,再到工作流末尾的文档管理&开发交付、维护&迭代,内容非常全面和周全,每个篇章的导入和介绍贴近生活,且附带有小练习,帮助大家快速掌握。
「Designtips.today」系列中的插件篇和选择篇非常精彩,配合Lichin自主开发的插件和小练习,不论是初学者还是经历颇丰的设计师都能从中获得新的启发。
「Designtips.today」系列中的自动布局篇伴随着Figma的更新已经过时,请参阅「设计系统实作小学堂」中的自动布局部分来学习和实用哦!
#2 小老虎 Mr.Biscuit 🐯https://www.figma.com/@mrbiscuit
🔍 资源收集类:
「Element设计系统」、「Arco Design设计系统」和「Ant ...
搭建前的知识了解设计工具选用本文使用的设计工具是由Moonvy月维开发的FigmaEX桌面端,对原有Figma界面进行了非常全面的汉化,对中文使用者非常友好,安装后可体验与作者同样的UI界面,有效降低沟通成本。
表格组件的结构表格组件的结构在我们常见的应用场景下,多由(表头+N行构成的表身)搭建而成,但是在使用Figma时我们不得不考虑工具实现的效果,因此我们其实有两个不同的实现方案:
以行为单位重复的表格组件
以列为单位重复的表格组件
本文提供以行为单位的表格组件搭建流程,在跟随文章搭建完成后,相信你也可以举一反三完成以列为单位的表格组件。
现有表格的局限性Figma平台提供了两种原生的表格组件:
FigJam中的表格功能Shift + T
Widget(小组件)中的Table(表格)
二者都提供了简易的内容自适应表格,一定程度上满足了不同环境下的工作需求,在定位上都更加契合“开箱即用”的原则,而在设计上都缺少了更高的自定义可能。你可以用它们来完成简单的头脑风暴或总结,但是诸如表格样式,内容文本的字族、颜色、对齐策略等,都受限于“开箱即用”特点的轻快简易,因而表格的搭建变得 ...
视觉设计
未读搭载Iframe的实时预览Figma提供的Iframe嵌入代码允许我们实时的浏览该项目,支持便捷的缩放和全屏展示。
页面展示
代码钻研
未读Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment