xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

Figma UI Design add background color to text All In One

Figma UI Design add background color to text All In One

如何使用 Figma 给文字添加背景色

https://www.figma.com/design/

solutions

  1. add one shape as a container of text
  2. add text in the shape container, and make sure that text in the front layer

image

demos

image

image

https://www.figma.com/design/QvsvpFRmtIHf8MpJGctgdZ/home-page?node-id=401-3&node-type=canvas&t=DjSXxt499knnh17q-0

refs

https://www.youtube.com/watch?v=j1UT8ezXAXI

https://www.freecodecamp.org/chinese/news/how-to-create-color-and-text-styles-in-figma/

https://forum.figma.com/t/how-to-have-background-colour-for-text-only-and-not-the-entire-container-using-auto-layout/5045/6

©xgqfrms 2012-2025

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

posted @   xgqfrms  阅读(64)  评论(0)  编辑  收藏  举报
相关博文：
· css text-shadow All In One
· CSS background All In One
· CSS给文字加背景
· uniapp设置页面背景颜色
· Unity3D ugui text组件实现文字添加背景色并随文字内容改变大小
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· .NET10 - 预览版1新功能体验（一）
历史上的今天：
2023-09-24 Tesla Bot All In One
2022-09-24 GoPro 钓鱼 All In One
2022-09-24 中国原生鱼 & 鳑鲏鱼 All In One
2022-09-24 老赖信息查询系统 All In One
2021-09-24 Linux System Variables All In One
2020-09-24 MDN Browser Compatibility Report 2020
2020-09-24 how to check SVG type in js
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛