How to ensure UI implementation matches Figma designs using Speckit?

[apurva010]

I’m currently using Speckit to build complete modules (e.g., Auth module, Profile module) by following the
spec -> clarify -> plan -> tasks -> implementation flow.

During the spec, plan, and even the task stage (tasks.md), I provide Figma references, and all the required design details—such as colors, typography, spacing, border radius, etc.—are clearly captured.

However, during the implementation phase, the final UI does not match the Figma design closely.

It seems like:

• Even though all design details are present in task.md, they are not being accurately reflected during implementation
• The design fidelity is getting lost between task definition and actual UI development

I’d appreciate guidance on:

• How to ensure implementation strictly follows the design details defined in task.md
• Best practices to maintain Figma design fidelity throughout the workflow
• Whether additional constraints, validations, or prompt improvements are needed

Has anyone been able to achieve a near pixel-perfect UI using Speckit? Any tips, workflows, or examples would be really helpful.

Ps: I am using Figma dev mode MCP to get the design context.