Sign in to join this conversation, and others like it, in the communities you care about.
Framer X's advantages for a non-coder?
Human Input > Data Overrides > Design Component
React Native support?
Issues with previewing in Firefox? I can only drag, scrolling isn't working. Not having the same issue in Chrome. What can I do?
Link to a specific screen using hash
Framer / General
The website declares that you can import/export code elements. However, I see nothing in the interface or even the support documentation that mentions this - I only see how to create components from scratch, nothing on import/export.
Is there a way to currently do this, or has the actual app not caught up with what's being marketed?
copying and pasting is fundamentally not what is being sold on the features page - it says explicitly that you should be able to import code from your project.
There's zero documentation around this feature, and I"m worried that the 'private store' feature in team packages is actually the import function being gated.
ES6 has been punted on, but no word on imports. The docs are really sparse
Hi @jasondb, Floris from Framer here. Could you elaborate a bit more on what you mean with "import/export code elements". Under the hood, your Framer project is a React project, so you can already import and export anything you want (or even install from NPM).
Is there anything you expect to work differently?
If every time I want to use a component I need to have a developer help me 'install' it into my framer project, that's quite an issue.
Nowhere in your support documentation OR in the interface does it tell you how to integrate/import code from your project. The only thing I see is the ability to create a new component in code - this is not what you are selling to the public.
The public website says "Everything stays perfectly synchronized." Where is the documentation on how to do that? Is the assumption that a developer will know how to integrate with a framer X project and keep everything synchronized?
That's what I mean by 'import/export.'
i'd suggest rtfm-ing so you know how to open the text editor for your project folder
But maybe instead of telling me to read the manual, you should read the parts where I said I did?
you really don't know how this works do u hun
read the overview here https://framer.gitbook.io/framer/code then the package section. there are links to other documentation that might be helpful for you to also read.
you will HAVE to interact with the codebase to add new code components, unless the component is published to npm
if you want to add components from outside the store, you can import from npm OR you can import from a folder that your devs put components into. all you have to do is a single-line import for each component.
want your devs to make it easier? have them put an
index.js that imports the components, so you only have to
import * from 'index'
again to you sir, i say rtfm, and if react frustrates you, you can either choose to use the store exclusively with a team plan for private components, or rtfm for react. these features are optional and i'm sorry you want to speak to the manager or whatever but you're asking for something to be easier because you don't like the workflow or are having difficulty learning it, not because it's a bad workflow.
i'm tired as hell of men in tech expecting everything to be spoonfed to them. you're taking time out of community manager's day because you might have to spend 5 minutes a day on project setup tedium
Is this a serious person, or just a troll? Cause I can't tell if your attack on me being a man is real. Are there moderators on this board?
The documents in question, from THE FRAMER X website, are here: https://framer.com/docs
But thank you for trying to belittle me for asking a question.
I'm looking for the link you referenced, and can't find it on their website. How is that my problem?
well, i gave you the link, so it's not a problem anymore.
i didn't attack you for being a man, i attacked you for feeling entitled to having a design-dev hybrid product adapting to your workflow preferences when you are clearly trying to use features you don't have the motivation to learn. features that are REALLY easy to use after skimming docs on es6 and react and bumping your head against the wall for half an hour. learning is a lifelong process.
seriously, this takes an hour or two to fully grasp from zero. you either do the work to learn the thing, or you don't. the world isn't sunshine and rainbows, i'm sorry you were born into a body that made everything easy for you. but you'll be okay. you've made it this far, and what's a frontend dev self-teaching for a big strong genius designer boy like you?
"mods! mods!! arrest this woman, i'm being corncobbed!"
Awesome - you gave me a link. Which doesn't help other people. It's still Framer's problem that their design fails to provide the documentation they've written up on their own public website.
You very explicitly attacked me for being a man...and then did so again in your comment about me being a 'genius designer boy.'
Asking a question, and trying to understand how a tool works, is NOT the same as entitlement...especially when they're asking for my money to use their tool.
I don't need to defend how motivated I am, but it's clear how motivated you are to attack so aggressively over some genuine questions and trying to understand a product being SOLD to me. Am I the only designer who isn't as good of a developer as you are? Probably not. And that's framer's problem - not mine.
But seriously, @floris, is this acceptable behavior for you? Is trying to make people feel small over asking a genuine question something that Framer wants to be associated with?
dude i gave you the answers up top, you can do single line imports otherwise you have to paste or use the public or private store, why are you doing this defending-your-honor thing when despite my rudeness i have actually answered your questions
they're not asking for your money. you're asking for their tool. and you have a choice to pay for it. you're not gonna get drag-and-drop of .js, .js.es6, .ts, and .tsx overnight. if you had read the docs on es6 and/or react you'd know dependency management is a bitch and it isn't always reasonable to assume the component should be added at the top level, then you have conflict resolution concerns with filenames and export names, etc. just please. rtfm. cryin ass boy
addendum: the code features in x are designed for people who want to code, and if you want to use them outside of the store ecosystem, you will have to get your hands dirty no matter what. sorry!!
I'm trying to get my hands dirty, but the documentation framer has provided is lacking. But yes, it must be my fault. I'm sorry for trying to understand an application - clearly you losing your mind on me was well deserved, especially when I attacked yo....oh wait, I didn't.
3 times you've now gone after my gender. I'm sorry that you're such a mean person. I wish you the best.
you don't need more docs, you need to read what's already available to you. i linked you to gitbook which has extra writing that will tell you how to get the project open in a text editor. from there you need to know how es6 imports work OR paste the code. your initial question was if there was a way to import. apart from store, those are the ways.
your question was answered before you got all butthurt about me venting about your clear male-socialized entitlement complex—evidenced by calling for moderation twice because acknowledging the gender thing makes you uncomfortable, and for conceiving of sales transactions being a company begging for your patronage instead of you wanting something they have. it's not that you're a man. it's that being a man has led you to being fussy.
the last thread you were in involved you patronizing someone else in the figma forum, telling them their issue didn't exist because you were pasting a link in the wrong window. my tone would be a little softer if it wasn't obvious to me that you always think it's the other party's fault when something is wrong.
sup floris. you can ban me or whatever