<meta charset='utf-8'><meta charset="utf-8"><span data-metadata=""></span><span data-buffer=""></span><span style="white-space:pre-wrap;">Import<br>New File<br>Docs<br>Copy Link<br>Invite<br>Pages<br>Layers<br>Assets<br>Home<br>Code_block.tsx<br>Edited<br>Preview<br>Code_block<br>Components<br>1<br>// Welcome to Code in FramerÊ<br>// Welcome to Code in FramerÊ<br>Project<br>2<br>// Get Started: https://www.framer.com/developers<br>3<br>Code_block<br>4<br>import { addPropertyControls, ControlType } from "framer"<br>Framer<br>5<br>import { motion } from "framer-motion"<br>6<br>7<br>/**<br>Styles<br>8<br> * These annotations control how your component sizes<br>9<br> * Learn more: https://www.framer.com/developers/#code-components-auto-sizing<br>Desktop<br>1200<br>Breakpoint<br>Tablet<br>1199<br>Breakpoint<br>Text<br>10<br> *<br>11<br> * @framerSupportedLayoutWidth auto<br>1395<br>h1<br>Heading 1<br>60 / 1.4<br>12<br> * @framerSupportedLayoutHeight auto<br>h2<br>Heading 2<br>28 / 1.4<br>13<br> */<br>h3<br>Heading 3<br>22 / 1.4<br>14<br>export default function Code_block(props) {<br>15<br>const { tint } = props<br>p<br>Body<br>18 / 2.0<br>16<br>17<br>return (<br>18<br><motion.div<br>Code<br>19<br>style={{<br>20<br>...boxStyle,<br>Code_block.tsx<br>21<br> backgroundColor: tint,<br>22<br>}}<br>23<br>animate={{ scale: 1.25 }}<br>24<br>whileHover={{ rotate: 90 }}<br>25<br>/><br>26<br>)<br>27<br>}<br>28<br>29<br>addPropertyControls(Code_block, {<br>30<br> tint: {<br>31<br> title: "Tint",<br>32<br> type: ControlType.Color,<br>33<br> defaultValue: "#09F",<br>34<br>},<br>35<br>})<br>36<br>37<br>// Styles are written in object syntax<br>38<br>// https://react.dev/reference/react-dom/components/common#usage<br>39<br>const boxStyle = {<br>40<br> margin: 25,<br>41<br> width: 125,<br>42<br> height: 125,<br>43<br> borderRadius: 25,<br>44<br>}<br>Use ⌘S to save your code and apply changes<br>Dismiss<br>45<br>Brought to you by<br>Listen<br>Up!<br>Duplicate more designs<br>When ever you’re ready,<br>Centralize<br>feedback.<br>Understand with<br>real AI<br>Reduce your time to insight, so you can focus on cool visionary sh*t.<br>Get started - it’s free<br>1/2,401 insights<br>Open<br>Wake up to an inbox <br>full of new feedback<br>Reports<br>Reports<br>Agency<br>Agency<br>Web version<br>The second I open 4-5 tabs in Figmoon, my computer is getting very very slow... <br><br>I check my RAM, and it’s taking 14 GO!<br>It's very important for me to show people that we are working on their feedback, kinda integrate them in the process by making <br>It's very important for me to show people that we are working on their feedback, kinda integrate them in the process by making <br>Annette<br>October 30, 2021<br>Annette<br>October 30, 2021<br>Josh<br>October 30, 2021<br>Mobile version<br>Mobile version<br>Sharing<br>The mobile application is pretty limited but I expect that - I just want to quickly check progress over our projects. <br><br>The problem is that it takes really ages to load...<br>Web version<br>Prototyping<br>The mobile application is pretty limited but I expect that - I just want to quickly check progress over our projects. <br><br>The problem is that it takes really ages to load...<br>Want more value? Follow the team on LinkedIn<br>Users are complaining about the load speed when multiple files are open<br>I don’t understand why I can’t put my auto-layout frame as fixed in the prototype, it’s frustrating.<br>But today, it’s not seamless, I need to open a new tab, and wait for the Figmoon file to load. It would be a game changer just to be able to use a real embed version of our Figmoon file in Notion.<br>Follow on LinkedIn<br>Marie<br>December 3, 2023<br>+909<br>January 3, 2022<br>Emillie<br>December 4, 2021<br>Annette<br>December 1, 2021<br>Marie<br>December 3, 2023<br>Prototyping<br>I don’t understand why I can’t put my auto-layout frame as fixed in the prototype, it’s frustrating.<br>Emillie<br>December 4, 2021<br>Reports<br>Agency<br>It's very important for me to show people that we are working on their feedback, kinda integrate them in the process by making <br>Annette<br>October 30, 2021</span>

No items found.

Ready to use in Figma

Open Figma and paste (cmd/ctrl + v) anywhere

What's next?

Find the right inspiration

Find real life design inspirations and duplicate them in your Figma using the yellow button on this page.

Craft the perfect solution

Find real life design inspirations and duplicate them in your Figma using the yellow button on this page.

Collect your users’ feedback

Understand how it helps you ship value to your users. This is where ListenUp! can help you.

Dead simple workflow.

Let real AI w rk for you

Only focus on making the right product decisions

AI autopilot mode

Create insights

Add Tags

Create patterns

Enrich patterns

No tag

App performance

It's the 3rd time I see this message today. Nothing else is opened aside from Slack.

Emillie

January 28, 2024

Billing

No tag

You add to my Figmoon team any member from my organization automatically, which is great. But you put the wrong role. New joiners only need a viewer access, not an editor one.

This means I need to manually remove 20 people every month to avoid paying way more than our business needs.

Olivia

June 2, 2024

Customization

No tag

I changed the look of my cursor when you made that option available a few weeks ago.

But now that I want to change the style again, I can't find that option. I've had similar issues multiple times. I'd love master search bar.

Ethan

April 7, 2024

App perfomance

No tag

Users are complaining about the overall performance of the app

They are getting messages multiple times per day saying they don’t have any memory left. They feel it’s damaging their productivity.

+26

33 insights

File managment

No tag

But today, it’s not seamless, I need to open a new tab, and wait for the Figmoon file to load.

It would be a game changer just to be able to really embed any file in a Notion page.

Marc

December 1, 2023

App performance

No tag

I don’t understand why I can’t put my auto-layout frame as fixed in the prototype, it’s

I don’t understand why I can’t put my auto-layout frame as fixed in the prototype, it’s

William

March 9, 2024

Web version

No tag

I'd love an easy way to switch a file from the web version to the desktop version. The option is in too many menus.

I turned on the option to automatically open all files on the desktop version.
But now I don't know how to remove this option. In most cases, I just need just a sneak peek of the file and don't need it opened in the app.

Sophia

April 19, 2024

Go from question to action in only 20 seconds

Prove your point to a stakeholder

Validate a hypothesis

Find topics you need to research