## 📱 Figma  <br> ## 📂 ERD  <br> ## 👫🏻 Members | 김수현<...
style=for-the-badge&logo=notion&logoColor=000000"> <img src="https://img.shields.io/badge/github-292727?style=for-the-badge&logo=github&logoColor=white"> <img src="https://img.shields.io/badge/figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white"> <img src="https://img....
The majority of design tools on the market (Photoshop, Sketch, InVision Studio, Figma, etc.) are build on the image-based design tool paradigm. In this paradigm, whenever the user draws something on the canvas or an artboard, the tool renders vector or raster graphics. Those, subsequently,...
Table of Contents [SHOW]How Do You Convert Designs to React Code?In the traditional product development workflow, designers craft mockups and prototypes, often using tools like Sketch or Figma. They then hand off these designs and documentation to developers who translate them into functional React...
Currently the only way I can answer these questions is to skim through the entire merge request and try to spot the people I know. This works fine in a small team, but as teams grow and there are hundreds/thousands of engineers this doesn't scale. It is also not inclusive of new team...
For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples: @coderabbitai generate interesting stats about this repository and render them as a table. @coderabbitai show all the console.log statements in this repository. @coderabbit...
key: '2023-figma-ui-kit', title: resourceLang.value.figma2023, description: '2023 Figma UI Kit', icon: FigmaUiKitSvg, intro: resourceLang.value.figma2023Intro, url: 'https://www.figma.com/community/file/1305760370797950824/element-plus-design-system-ui-kit', }, { key: 'sketch', title...
In most of the similar tools, there is a big difference between what the designer creates in the design tool and what happens in the dev environment, where the real working product is coded. Features like the inspect tab in Figma enable you to see roughly what the CSS behind a certain ob...
[![Open-Source Software][OSS Icon]](https://github.com/LightTable/LightTable) ![Freeware][Freeware Icon] * [micro](https://micro-editor.github.io) - Modern and intuitive terminal-based text editor. [![Open-Source Software][OSS Icon]](https://github.com/ory/editor) ![Freeware][...
import AccountTable from "@/components/table/accountTable"; import { useQuery } from "@tanstack/react-query"; import { useRouter, useSearchParams } from "next/navigation"; import { useEffect, useState } from "react"; import tw from "tailwind-styled-components"; const AccountList = () =...