menu

Framer

The best prototyping tool for teams. Join our Discord chat for weekly classes and real-time help with Framer. http://framer.com/r/discord?utm=spectrum

Channels
Team

Can you guys make the Base Kit file public? would be a nice starting point

January 23, 2020 at 7:21am

Can you guys make the Base Kit file public? would be a nice starting point

January 23, 2020 at 7:21am

January 23, 2020 at 5:38pm
We're planning to release extensive documentation on the Base kit! Anything specific I can already help you out with?
  • reply
  • like
i was trying to copy over the code from the framer fx file, and i fixed all the import errors, but was getting and error in the index.js that i couldnt figure out, it was saying the filename.theme.light didnt exist for some reason, and the omit file was giving an error
  • reply
  • like

January 27, 2020 at 9:40am
Hmm, could you share your project in which this is happening? For instance with https://wetransfer.com/?
  • reply
  • like

February 14, 2020 at 3:52pm
Is there an approximate date when the documentation is going to be released. I'll benefit from it. Primarily looking forward to documentation around setting up events & methods on components that can be accessed via overrides. For example, onTap, Filled method on like button etc.
  • reply
  • like

February 17, 2020 at 10:52am
I wish I could give you a specific time, but we're currently picking up the docs around it again so I'm expecting more to be released in the not too distant future.
  • reply
  • like

April 30, 2020 at 4:25pm
any progress here? I started looking into base kit and looks like something I would love to use, like the themes and tokens approach
  • reply
  • like

May 4, 2020 at 7:43am
any progress here? I started looking into base kit and looks like something I would love to use, like the themes and tokens approach
I'm afraid the release of the docs around Base got delayed a bit for various reasons. That being said, I can provide you with a basic example of one way to for instance apply a code override to a Base button to change it's color: https://we.tl/t-pltqVy2Wzc. You've also spoken with my colleague Iain about this, right? :)
  • reply
  • like

May 5, 2020 at 8:53am
Yes I did and thanks for reaching me out here. I checked the example you sent and I see how overrides could work for a small scale quick prototype. Unfortunately, I am dealing with quite a large project and I hoped that the base kit with its theming options could help me bring consistency by default, not by override.
Anyways, still looking forward to getting my hands on it, hope there will be a public repo so anyone can dig deeper and customize it to their needs.
  • reply
  • like

May 7, 2020 at 6:45am
I get what you mean. We are indeed planning to make the repo public that will allow you to clone it, as Iain probably also mentioned. Date is not determined yet as it depends on a couple other things unfortunately, but it's very much on its way.
  • reply
  • like

May 11, 2020 at 4:17pm
I second that any information that can already be shared, in any format, about Base Kit would be much appreciated! one way to hack our way to some override info is to look at the code in Base Kit dist/components (to find the folder, FramerX File Menu > Show Project Folder), then: project folder/node/_modules/framer-base/dist/components, there are t.ds which are definition files for Typescript and you can see intended interface for overrides there. Although a lot of second-guessing still needs to be done.
Edited
  • reply
  • like
However, if we could get some deeper info on how to style Base Kit components by changing the theme or adding the new theme, at least colors and fonts, that would instantly make Framer 3x more useful for our current projects. Quick and dirty docs now are much more helpful than fancy documentation sometime later this year. I tried to hack my way to reverse engineer this, but I can't see any json file available in the Base Kit distribution. 😊
  • reply
  • like
Even just sharing the Base Kit project, as proposed would be of great help, in fact you could use some help from us, the community to spread the information out via tutorials, etc... In general, right now it's still very hard to find useful information on Framer, there are bunch of good tutorials (from Framer team and the community) but they all explain how to do same 3 things over and over again. And not much (or any) info on how to actually use Framer in the context of an actual project. We would be glad to contribute some help on that, as soon as we ourselves wrestle with the learning curve (and Base Kit is potentially a great helper here, but not 10% as useful as it could be, without docs or at least the source code).
  • reply
  • like
private
This channel has been archived