DEV Community

Cover image for Figma to Dashbook - parabeac_core v2.6
Ivan Huerta for Parabeac

Posted on

2 2

Figma to Dashbook - parabeac_core v2.6

In our last article, we covered how parabeac_core has added support for component isolation & Widgetbook. We have now also added Dashbook support in parabeac_core v2.6!

What’s Dashbook?

"Dashbook is a UI development tool for Flutter, it works as a development enviroment for the project widgets and also a showcase for common widgets on the app, it is heavly inspired by Storybook library, so it should be very easy for people who has already used Storybook, to use Dashbook."

To activate this feature, edit the config file in parabeac_core, located in parabeac_core/lib/configurations/configurations.json. Set "componentIsolation" to "componentIsolation": "dashbook"

It will look like the following:

Dashbook Config

You can duplicate and use this demo project here: https://bit.ly/3NVsvfy

Then run parabeac_core as usual and you will have a Flutter project with Dashbook ready to test your component package.

Component Package Example Figma

Note: Parabeac only generates dashbook/widgetbook stories & use case code for Figma Components.

You can then run it using:

flutter run project_name/lib/main_dashbook.g.dart
Enter fullscreen mode Exit fullscreen mode

Running Dashbook

Next? Start adding the logic needed for this component package. Learn here! - https://bit.ly/3DUxb0v

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More