Verified
Author
Creator of EmviUI · Senior UX/UI & Web Designer at CQMRewards
Dedicated product & web designer with 10+ years of experience working at the crossroads of design and technology. Expert in Figma, high-fidelity prototyping, design tokens, and modern frontend systems (Tailwind CSS, HTML/CSS). Creator of EmviUI (10,000+ Figma components optimized for production and dark mode), UImand, and Vitamin Bootstrap.
Practical guides, design token strategies, and technical benchmarks
Choose a React UI kit through one invitation task. Compare delivery format, state ownership, keyboard behavior, error recovery and rendering in your application.
Diagnose the event that moves a Figma layer, inspect its real parent and verify anchoring, overlay placement and prototype scroll behavior separately.
Connect Figma, Git and Style Dictionary through an explicit approval boundary, reproducible token builds and separately verified component and library releases.
Recover a useful Figma view by identifying the affected surface, using one explicit control and comparing the same frame and component measurements.
Build one contact-management task with consistent kit components, explicit editing rules, recoverable save states and narrow-layout acceptance cases.
Generate a reviewable candidate, then check component reuse, tokens, user actions and stable visual references before accepting a design change.
Identify the missing family and style, restore font access, compare versions, and review representative text before replacing shared typography.
Separate shared visual decisions, reusable controls, task patterns and product pages. Use one settings screen to define contracts and verify dependencies.
Tailwind generates CSS from utility classes; direct CSS lets you organize your own selectors and declarations. Choose the approach that makes component ownership, responsive rules, states, and the next maintenance change clear. A bounded screen test can justify a hybrid approach.
A controlled workflow for locating slow Figma actions, testing changes and preserving the design work your team needs.