design-system-resc

Flutter Design System

A professional Material Design 3 design system generated by Figma Make.

🎨 Generated Design System

• Primary Color: #52bc49
• Secondary Color: #ffffff
• Tertiary Color: #f0f5f0
• Brand Font: Roboto

📦 Installation

Add this to your package’s pubspec.yaml file:

dependencies:
  flutter_design_system:
    path: ./

🚀 Quick Start

1. Import the design system:

import 'package:flutter_design_system/flutter_design_system.dart';

1. Apply the theme to your MaterialApp:

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My App',
      theme: AppTheme.lightTheme,
      darkTheme: AppTheme.darkTheme,
      home: MyHomePage(),
    );
  }
}

1. Use the custom components:

AppButton(
  onPressed: () {},
  variant: AppButtonVariant.primary,
  child: Text('Click me'),
)

📱 Example App

Check out the example/ directory for a complete implementation example.

cd example
flutter run

🌡️ 3D Photorealistic Thermometer & Hygrometer

Detailed documentation, full API parameters reference, and interactive usage examples are available in: 👉 THERMOMETER_WIDGET.md

Generated by Figma Make