figma_design_scale 0.1.1 copy "figma_design_scale: ^0.1.1" to clipboard
figma_design_scale: ^0.1.1 copied to clipboard

Orientation-aware Figma-frame scaling for Flutter. Keeps layout and fonts stable across devices and rotations.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:figma_design_scale/figma_design_scale.dart';

void main() => runApp(const Demo());

class Demo extends StatelessWidget {
  const Demo({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Builder(
        builder: (ctx) {
          final ds = DesignScale.of(ctx); // defaults 440x956
          return Scaffold(
            appBar: AppBar(
              title: Text('DesignScale Demo',
                  style: TextStyle(fontSize: ds.sp(18))),
            ),
            body: Center(
              child: Container(
                padding: EdgeInsets.all(ds.sx(16)),
                decoration: BoxDecoration(
                  color: Colors.blue.shade50,
                  borderRadius: BorderRadius.circular(ds.sx(16)),
                ),
                child: Text('Hello scaled world!',
                    style: TextStyle(fontSize: ds.sp(20))),
              ),
            ),
          );
        },
      ),
    );
  }
}
2
likes
160
points
62
downloads

Publisher

unverified uploader

Weekly Downloads

Orientation-aware Figma-frame scaling for Flutter. Keeps layout and fonts stable across devices and rotations.

Homepage
Repository (GitHub)
View/report issues

Topics

#responsive #layout #figma #scaling

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on figma_design_scale