Frontend Dogma

“figma” Archive

  1. Make Your Figma Components Work Harder · · ,
  2. The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language · · , , ,
  3. Maintaining a Design System in Figma · · ,
  4. 3 Tips for Advanced Prototyping in Figma · · ,
  5. Figma Prototypes vs. HTML Prototypes · · , , , ,
  6. Figma Plugins ·
  7. 12 Figma Tips to Work More Efficiently · · ,
  8. Advanced Figma Tips and Tricks 2024: Little Gems We Love · ·
  9. Designing User Onboarding: Lessons from Figma, Duolingo, and More · · , , ,
  10. The Art and Science of Annotations in Dev Mode ·
  11. Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility · · , , ,
  12. Creating a Color Ramp Using Color Modifiers in Tokens Studio · · , ,
  13. Building Components for Consumption, Not Complexity II · · ,
  14. Building Components for Consumption, Not Complexity · · ,
  15. A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together · · ,
  16. Synchronizing Figma Variables With Design Tokens · · ,
  17. How to Build Trust With Others by Organizing Your Figma Files · · , ,
  18. Migrating from Color Styles to Local Variables in Figma · · ,
  19. How I Name and Arrange My Color Variables in Figma · · ,
  20. Figma Now Supports “rem” Units: Understanding the Use and Benefits · · , ,
  21. How I Structured My Design System Using Figma’s New Variables · ·
  22. Figma Typography Secrets—Seven Pro Tips Revealed · ·
  23. A Guide to Variables in Figma · ·
  24. The Big Problem With Variables in Figma ·
  25. Getting Started With Native Design Tokens in Figma · · ,
  26. Designing a Better Design Handoff File in Figma · · ,
  27. Organizing a Web Design System for Scalability in Figma · · ,
  28. Figma, I Love You but You’re Bringing Me Down ·
  29. Advanced Figma Components Tips and Tricks: Little Gems We Love · · , ,
  30. Quick Tip: Pull Data from an API into a Figma Layer · · , ,
  31. Advanced Figma Prototyping Tips and Tricks · · ,
  32. Cascading Components—a Way to Organize Figma Component Variants · ·
  33. Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma · · ,
  34. Vector Animations With Figma and SVG Animate · · ,
  35. CSS Gradient Background from Figma to CodePen · · , ,
  36. Figma Auto Layout = “display: flex” · ·
  37. Super-Helpful Tips When Working With Figma Component Properties · · ,
  38. How to Create Dark Mode for Your Designs in Figma · · ,
  39. How to Reduce Figma Memory Usage · ·
  40. Testing Figma Components · · ,
  41. 11 Steps to Keep Figma Clean · · ,
  42. Typography in Design Tokens for Figma and Code · · , ,
  43. Design Systems in Figma: How to Be More Productive · · , ,
  44. Component Tokens and Themes Example (to Learn Figma Tokens) · · , , ,
  45. Visual Regression Testing for Design Systems With Figma Branches · · , ,
  46. Figma Cheat Sheet · · ,
  47. 10 Figma Best Practices to 10× Your Workflow · · , ,
  48. One Figma Component—3,360 Variants · ·