Roller is the first ever Design Linter - giving you the power to automatically find and fix style inconsistencies in your files. Be confident every design you hand-off is 100% consistent with your Style Guide or Design System. How to use Roller: 1 - Import or add your styles to the Roller Library 2 - Roller then automatically finds any inconsistencies (Errors) on the page that don’t match what is in your Library 3 - Replace the Error with one of your Library’s styles 4 - Rinse & repeat to reach 100% consistency Lint in the following categories: • Colors - Quickly fix the 50 (or 5,000) shades of gray that are lurking in your designs. • Text - If a subtle line-height or letter-spacing is off, Roller will pick them up and get you back on system. • Borders - Roller lets you add the width and colors of your borders - making it easy to find any rogue input field or card. • Shadows - Roller gives you superhuman eyes - making it possible to detect subtle differences in shadow blurs or x, y offsets. • Radiuses - Be confident that any button, card, input etc. has the correct border-radiuses applied. Keep your team in-sync: Roller lets you store and share your Library with teammates. Make sure everyone on your team has up-to-date resources and styles when linting.
适用场景
Roller · Design Linter 属于 无障碍 分类，适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类：无障碍
- 点赞：559
- 用户：18,431
- 定价模式：免费
发布者信息
创建者：Toybox。Figma 社区发布者：Toybox。
兼容性与支持
- 支持编辑器：design
- 发布时间：2024年11月25日
- 支持联系方式：support@contrast.app
安装前如何评估
查看 Figma 内最新更新说明，确认示例输出质量，并与下方相关插件做对比。