Keep Design System for Figma

Product details

Q: Hi - Noob here, so please bear with me!

I have the following questions:

1. Do the components and ready-made blocks include dark mode versions? Or how is it is to get the dark mode version from the current collection?

2. Where can I view all the components included (both a list and the actual components)?

3. I noticed the “React and Webflow versions” at the end of the video…I take this means that we can export from Figma to either React or Webflow components, correct?

4. Is Vue components export option on the road map?

5. Are there video-based tutorials on how to use this solution? Or only the provided documentation? What is the format of this documentation: web, pdf, other?

ba9607f2e640454697ddcd46b78aaa98PLUSSep 25, 2023
Founder Team
Kausar00875

Kausar00875

May 15, 2024

A: Hi, Thanks for the Questions.
1. We don't have the Dark version right now; we're working on the Dark version, which will be launched in mid-October.
2. Here's the Figma link to preview the components: https://www.figma.com/file/J2i6VhncmepyLt8OS7i0GQ/Keep-Design-System---Pro-Version?type=design&node-id=5608-101847&mode=design&t=FwsuR1hEaq7i2FSn-0
3. We're working on the react version; it's in beta version right now. You can have a look and use the components from this Github repo: https://github.com/StaticMania/keep-react
4. Documentation is baked onto the Design System file. You can see that on the Preview link also.

Share
Helpful?
Log in to join the conversation