Figma to Flutter

Implement the design as Flutter constraints, text, and assets. A Figma number is not a widget size until its coordinate system is known.

Label a rule when the choice matters:

• Documented: stated by current Flutter or Figma documentation, or by the Flutter framework source checked for this skill.
• Recommendation: derived from that evidence.
• Context-dependent: depends on the design, viewport, platform, or a measurement.

Research scope and source URLs: research notes. This skill does not claim to have read all of either doc site.

Purpose and scope

Use this skill to turn a Figma frame into maintainable Flutter that keeps the design's spacing, type, and hierarchy on the viewports the product actually ships. Phone, tablet, foldable, desktop, and web are in scope. Native look-and-feel that the design does not specify is not a reason to redraw the screen.

Reuse the repository's theme, widgets, and tests. Do not add a package, a second token system, or a screen-scale helper.

When to activate